/*
Theme Name: Motyw Potomny ITPER
Theme URI: https://psychoterapia.pila.pl/
Template: hello-elementor
Author: ITPER PL
Author URI: https://itper.pl
Description: Motyw potomny psychoterapia.pila.pl
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1763383917
Updated: 2025-11-17 13:51:57

*/

.elementor-widget-text-editor ul {
    list-style: none;
    padding-left: 0;
    margin: 25px 0;
}

.elementor-widget-text-editor ul li {
    position: relative;
    padding: 14px 18px 14px 55px;
    margin-bottom: 14px;
    background: linear-gradient(135deg, #f5f7f9, #ffffff);
    border-radius: 16px;
    line-height: 1.6;
    box-shadow: 0 6px 18px rgba(0,0,0,0.05);
    transition: all 0.5s ease;
}

.elementor-widget-text-editor ul li:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0,0,0,0.08);
}

.elementor-widget-text-editor ul li {
    background: #fff;
    border-left: 4px solid #8fb6b7;
    padding: 12px 18px 12px 22px;
    border-radius: 8px;
    margin-bottom: 12px;
    font-size: 16px;
    transition: all 0.3s ease;
}

.elementor-widget-text-editor ul li:hover {
    background: #f2f8f8;
}

/* Overlay rozmywający całe tło */
.menu-blur-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
    z-index: 9 !important; 
}

/* Header musi być najwyżej */
.elementor-location-header {
    position: relative;
    z-index: 10 !important;
}

/* Klasa aktywująca blur */
.menu-blur-overlay.is-visible {
    opacity: 1;
    pointer-events: auto;
}


/* Podstawowy wygląd linków w menu */
.elementor-nav-menu--main .elementor-item {
    position: relative;
    display: inline-block;
    padding: 10px 18px;
    border-radius: 999px; /* mocno zaokrąglone */
    transition: 
        transform 0.25s ease,
        background 0.25s ease,
        box-shadow 0.25s ease;
    text-decoration: none;
}

/* Hover + aktywny element */
.elementor-nav-menu--main .elementor-item:hover,
.elementor-nav-menu--main .elementor-item.elementor-item-active {
    transform: scale(1.06);
    background: rgba(255, 255, 255, 0.16);
    box-shadow: 0 8px 26px rgba(0, 0, 0, 0.18);
}


.site-logo img {
  display: inline-block;
  transition: 
    transform 0.35s ease,
    filter 0.35s ease;
}

.site-logo img:hover {
  transform: scale(1.06);
  filter: brightness(1.12);
}

.slide-in-angled {
  position: relative;
  display: inline-block;
  opacity: 0;
  transform: translateX(-40px) rotate(-3deg);
  animation: slideInAngled 0.8s ease-out 0.2s forwards;
}

.slide-in-angled::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 3px;
  width: 100%;
  border-radius: 4px;

  background: linear-gradient(
    90deg,
    rgba(214, 188, 157, 0.8) 0%,
    rgba(172, 197, 169, 0.8) 50%,
    rgba(230, 212, 186, 0.8) 100%
  );

  transform: scaleX(0);
  transform-origin: left center;
  animation: underlineGrow 0.9s ease-out 1s forwards;
}

@media (max-width: 768px) {
  .slide-in-angled {
    background-color: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: 12px;
    padding: 8px 12px;
    display: inline-block;
  }

  .slide-in-angled::after {
    content: none; 
  }
}

@keyframes slideInAngled {
  0% {
    opacity: 0;
    transform: translateX(-40px) rotate(-3deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0) rotate(0deg);
  }
}

@keyframes underlineGrow {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}