/* Sticky top navigation */
.site-header{
  height:var(--nav-h);
  position:sticky; top:0;
  background:var(--bg);
  z-index:50;
  border-bottom:1px solid var(--line);
}
.main-nav{
  max-width:var(--max); margin:0 auto; height:100%;
  padding:0 var(--gap);
  display:flex; align-items:center; justify-content:space-between;
}
.nav-logo{
  font-family:var(--font-display); font-weight:900;
  font-size:.95rem; letter-spacing:.15em;
  text-transform:uppercase;
  transition:opacity .15s;
}
.nav-logo:hover{ opacity:.65 }

.nav-links{ display:flex; gap:2rem; align-items:center }
.nav-link{
  font-family:var(--font-display); font-size:.8rem; letter-spacing:.14em;
  text-transform:uppercase; color:var(--text-light);
  transition:color .15s;
}
.nav-link:hover{ color:var(--text) }
.nav-link.active{ color:var(--accent); font-weight:700 }

/* Mobile toggle (hidden on desktop) */
.nav-toggle{ display:none }

@media (max-width:780px){
  .nav-toggle{
    display:flex; flex-direction:column; justify-content:space-between;
    width:22px; height:14px;
  }
  .nav-toggle span{ height:1.5px; background:var(--text); display:block }
  .nav-links{
    position:absolute; top:var(--nav-h); left:0; right:0;
    background:var(--bg); border-bottom:1px solid var(--line);
    flex-direction:column; gap:0; padding:.5rem 0;
    display:none;
  }
  .nav-links.open{ display:flex }
  .nav-links li{ padding:.5rem var(--gap) }
}

/* Dark-theme nav override (POOLzine) */
.page-poolzine .site-header{
  background:rgba(10,10,10,0.75);
  backdrop-filter:blur(12px);
  border-bottom-color:rgba(247,245,242,0.15);
  position:fixed; left:0; right:0;
}
.page-poolzine .nav-link{ color:#b8b3ab }
.page-poolzine .nav-link:hover{ color:#f7f5f2 }
.page-poolzine .nav-link.active{ color:var(--poolzine) }

/* POOLzine brand link: hover + active use the channel-button yellow (#e8e044).
   Must come after the dark-theme block so it wins at equal specificity. */
.nav-link--poolzine:hover,
.page-poolzine .nav-link--poolzine:hover,
.nav-link--poolzine.active,
.page-poolzine .nav-link--poolzine.active{ color:#e8e044 }