/* ═══════════════════════════════════════════════════════════════════════════
   nav.css  —  Global nav overrides  |  Nirvana Resort Munnar
   Linked from ALL pages: index.php, rooms.php, room.php, gallery.php
   ═══════════════════════════════════════════════════════════════════════════ */

/* Active link (class set by menu.php) */
.nlinks a.nav-act {
  color: var(--g3) !important;
  text-shadow: none !important;
}
.nlinks a.nav-act::after { width: 100%; }

/* Inner pages — nav dark from load */
#nav.nav-inner {
  background: rgba(14,35,18,0.97) !important;
  backdrop-filter: blur(20px);
  height: 64px !important;
  border-bottom: 1px solid rgba(90,138,98,0.25);
}
#nav.nav-inner .nlogo-icon {
  filter: drop-shadow(0 0 10px rgba(184,149,42,0.5)) brightness(1.1);
}
#nav.nav-inner .nm  { color: var(--g3); text-shadow: none; }
#nav.nav-inner .ns  { color: rgba(184,149,42,0.5); }
#nav.nav-inner .nlinks a { color: rgba(250,247,240,0.7) !important; text-shadow: none !important; }
#nav.nav-inner .nlinks a.nav-act { color: var(--g3) !important; }

/* ── MOBILE HAMBURGER MENU ── */
@media (max-width: 768px) {

  /* Hide list, show burger */
  .nlinks {
    display:         none !important;
    position:        fixed;
    top:             60px;
    left:            0;
    right:           0;
    z-index:         499;
    flex-direction:  column;
    gap:             0;
    background:      rgba(14,35,18,0.98);
    backdrop-filter: blur(20px);
    padding:         10px 0 20px;
    border-bottom:   1px solid rgba(184,149,42,0.18);
  }

  /* JS adds .open → show the drawer */
  .nlinks.open {
    display: flex !important;
  }

  .nlinks li  { width: 100%; }
  .nlinks a   {
    display:        block;
    padding:        14px 6vw;
    font-size:      12px !important;
    letter-spacing: 0.18em;
    color:          rgba(255,255,255,0.78) !important;
    text-shadow:    none !important;
    border-bottom:  1px solid rgba(255,255,255,0.05);
    transition:     color 0.2s, background 0.2s;
  }
  .nlinks a:hover   { color: var(--g3) !important; background: rgba(255,255,255,0.04); }
  .nlinks a.nav-act { color: var(--g3) !important; background: rgba(184,149,42,0.06); }

  .nham { display: flex; }
  .nbtn { display: none; }

  /* Burger → X */
  .nham.active span:nth-child(1) { transform: translateY(6.5px) rotate(45deg);  }
  .nham.active span:nth-child(2) { opacity: 0; transform: scaleX(0);            }
  .nham.active span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg);}
}