/* ================= nav.css ================= */

/* Hamburger – zawsze klikalny nad overlayami */
.hamburger{
  display:inline-grid; place-items:center;
  width:44px; height:44px; border:0; background:transparent; cursor:pointer;
  position:relative; z-index:10001; pointer-events:auto;
  line-height:0;           /* brak miejsca na tekst */
  font-size:0;             /* gdyby coś renderowało tekst obok */
}
.hamburger .sr-only{ font-size:1rem; line-height:1; } /* tylko dla czytników – realnie niewidoczne */

.hamburger__bar{
  display:block;
  width:24px;
  height:3px;
  background:var(--text);
  border-radius:99px;
  transition:all .3s ease-in-out;
}
.hamburger__bar:not(:last-child){
  margin-bottom:4px;
}
/* Animacja do "X" po otwarciu menu */
.nav-open .hamburger .hamburger__bar:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.nav-open .hamburger .hamburger__bar:nth-child(2) {
  opacity: 0;
}
.nav-open .hamburger .hamburger__bar:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}


/* Mobile/Tablet: menu zmienione na dropdown */
.nav{
  display:none;
  position:fixed;
  top:var(--header-h); right:0; left:0; /* Usunięto 'bottom:0' */
  background:rgba(17,24,38,0.98);
  border-top:1px solid rgba(255,255,255,0.06);
  padding:var(--s-24) var(--s-16); overflow:auto;
  z-index:9999;
  /* Usunięto 'height' aby menu nie zakrywało całej strony */
  align-items: flex-start; /* Wyrównaj do góry */
}
.nav.is-open{
  display:flex; /* Zmienione z grid na flex */
  flex-direction: column;
  align-items: center; /* Wycentruj w poziomie */
  padding-top: var(--s-48); /* Dodaj trochę przestrzeni od góry */
}
/* Usunięto 'body.nav-open { overflow:hidden }', aby strona była widoczna */

.nav__list{
  display:flex; flex-direction:column; align-items:center; /* Centrowanie linków */
  gap:16px; list-style:none; margin:0; padding:0;
  text-align: center;
}
.nav__link{
  display:inline-block;
  padding:var(--s-12) var(--s-24);
  border-radius:12px;
  color:var(--text);
  font-size: 1.125rem; /* Powiększenie czcionki dla czytelności */
  font-weight: 600;
}
.nav__link:hover,.nav__link:focus{ background:rgba(255,255,255,0.06); }

/* Kontakt – TYLKO spacing; wygląd bierze z .btn & .btn--primary */
.nav__cta{ margin-top:var(--s-24); }

/* Desktop ≥1024px */
@media (min-width:1024px){
  .hamburger{ display:none; }
  .nav, .nav.is-open{
    display:flex; position:static; top:auto; right:auto; bottom:auto; left:auto;
    background:transparent; border:0; padding:0; overflow:visible; z-index:auto;
    height: auto;
    flex-direction: row;
    align-items: center;
  }
  .nav__list{ flex-direction:row; align-items:center; gap:16px; padding:0; min-height:auto; font-size: 1rem; }
  .nav__cta{ margin-top:0; margin-left:8px; }
  .nav__link { font-size: 1rem; font-weight: 400; }
}