/* =========================================================
   NAWIGACJA — DROPDOWN sterowany parą klas .open + .show
   =========================================================
   Zasada zgodna z main.js:
   - .open jest zawsze obecne w HTML na <li>, które ma podmenu
     (np. <li class="oferta open">) — CSS go używa tylko do
     bazowego stylu (np. strzałka w pozycji zamkniętej).
   - .show jest dodawane/usuwane WYŁĄCZNIE przez JS po kliknięciu.
   - Dropdown jest widoczny TYLKO wtedy, gdy <li> ma OBIE klasy
     jednocześnie: .open.show (selektor bez spacji = ten sam element).
   Wklej ten blok na SAMYM KOŃCU style.css.
   ========================================================= */

/* Kontekst pozycjonowania — każde <li> w głównym menu może być
   punktem odniesienia dla swojego submenu */
#mainNav .navbar-nav > li{
  position:relative;
}

/* ===== Toggle (link "Offer" itp.) ze strzałką ===== */
#mainNav .navbar-nav > li.open > a{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

/* Strzałka — stan domyślny/zamknięty (li.open bez .show) */
#mainNav .navbar-nav > li.open > a::after{
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  margin-left:2px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .25s ease;
  opacity:.7;
}

/* Strzałka — stan otwarty (li.open.show), obrót o 180 stopni */
#mainNav .navbar-nav > li.open.show > a::after{
  transform:rotate(225deg) translateY(1px);
}

/* ===== Kontener submenu ===== */
#mainNav .navbar-nav > li.open > ul{
  position:absolute;
  top:100%;
  left:0;
  z-index:1000;
  width:380px;
  margin:0;
  padding:8px;
  list-style:none;
  background:var(--ams-white,#fff);
  border:0;
  border-radius:4px 16px 16px 16px;
  box-shadow:0 25px 60px rgba(13,15,20,.16);
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  pointer-events:none;
  transition:opacity .22s ease, transform .22s ease, visibility 0s linear .22s;
}

/* Pokazanie submenu — TYLKO gdy jest .open ORAZ .show naraz */
#mainNav .navbar-nav > li.open.show > ul{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  pointer-events:auto;
  transition:opacity .22s ease, transform .22s ease, visibility 0s linear 0s;
}

/* ===== Linki wewnątrz submenu ===== */
#mainNav .navbar-nav > li.open > ul li{
  list-style:none;
}
#mainNav .navbar-nav > li.open > ul li a{
  position:relative;
 width:100%;
  align-items:center;
  gap:0 !important;
  padding:18px !important;
  border-radius:8px;
  color:#3e3d43;
  text-decoration:none;
  font-size:14px;
  font-weight:600;
  white-space:normal;
  transition:background .2s ease, color .2s ease;
}
#mainNav .navbar-nav > li.open > ul li a:hover,
#mainNav .navbar-nav > li.open > ul li a:focus{
  background:var(--ams-purple-light);
  color:var(--ams-purple);
}

/* ===== Stan aktywnej strony (klasa .current na <li>) ===== */
#mainNav .navbar-nav > li.current > a{
  color:var(--ams-purple)!important;
  font-weight:700;
}


/* ===== Responsywność mobilna — submenu jako lista rozwijana ===== */
@media(max-width:991.98px){
  #mainNav .navbar-nav > li.open > ul{
    position:static;
    width:100%;
    box-shadow:none;
    border:1px solid var(--ams-border);
    opacity:1;
    visibility:visible;
    transform:none;
    pointer-events:auto;
    display:none;
  }
  #mainNav .navbar-nav > li.open.show > ul{
    display:block;
  }
  #mainNav .navbar-nav > li.current > a::after{
    display:none;
  }


  #mainNav .navbar-nav :is(li,ul li){
    width:100%;
    text-align: center;
  }
  
}