nav{background:#000;position:sticky;top:0;z-index:10;padding:.75rem 0}
nav ul{list-style:none;display:flex;justify-content:center;gap:2rem}
nav li{position:relative}
nav a{color:var(--text-blue);text-decoration:none;font-weight:bold;font-size:1.1rem;transition:text-decoration .3s,text-decoration-color .3s;display:block;padding:.5rem 1rem}
nav a:hover{text-decoration:underline;text-decoration-color:var(--accent-gold)}
.dropdown{position:relative}
.dropdown-content{display:none;position:absolute;background:#000;min-width:180px;box-shadow:0 8px 16px rgba(0,0,0,.3);z-index:1;border:1px solid var(--accent-gold);border-radius:4px;top:100%;left:0;padding-top:0}
.dropdown-content a{padding:.75rem 1rem;font-size:1rem}
.dropdown:hover .dropdown-content{display:block}
.submenu{position:relative}
.submenu-content{display:none;position:absolute;background:#000;min-width:180px;box-shadow:0 8px 16px rgba(0,0,0,.3);z-index:2;border:1px solid var(--accent-gold);border-radius:4px;top:-1px;left:calc(100% - 10px);padding-left:10px}
.submenu-content::before{content:'';position:absolute;top:0;left:-15px;width:20px;height:100%;background:transparent}
.submenu:hover>.submenu-content{display:block}
.submenu.active>.submenu-content{display:block}
.submenu-link{position:relative;cursor:pointer}
span.submenu-link{color:var(--text-blue);text-decoration:none;font-weight:bold;font-size:1.1rem;display:block;padding:.5rem 1rem}
span.submenu-link:hover{text-decoration:underline;text-decoration-color:var(--accent-gold)}
.submenu>.submenu-link::after{content:' ▸';font-size:.8rem}
.submenu-content a{padding:.75rem 1rem;font-size:1rem;white-space:nowrap}
.hamburger{display:none;font-size:2rem;background:none;border:none;color:var(--text-blue);cursor:pointer;padding:.5rem 1rem}
.nav-menu{display:flex;justify-content:center}
.nav-menu.active{display:flex}
@media (max-width:768px){
  .hamburger{display:block}
  .nav-menu{display:none;flex-direction:column;align-items:center;background:#000;position:absolute;top:100%;left:0;width:100%;padding:1rem 0;z-index:9}
  .nav-menu.active{display:flex}
  nav ul{flex-direction:column;gap:0;width:100%}
  nav li{width:100%}
  nav a{font-size:1rem;width:100%}
  .dropdown-content{position:static;display:none;box-shadow:none;border:none;background:rgba(255,255,255,.05);margin-left:1rem}
  .dropdown.active .dropdown-content{display:block}
  .submenu-content{position:static;display:none!important;box-shadow:none;border:none;background:rgba(255,255,255,.08);margin-left:2rem;padding-left:0}
  .submenu-content::before{display:none}
  .submenu.active>.submenu-content{display:block!important}
  .submenu:hover>.submenu-content{display:none!important}
  .submenu.active:hover>.submenu-content{display:block!important}
  .submenu>.submenu-link::after{content:' ▾'}
}