/* ============================================================
   nav.css — Abzu standard site header (shared, self-contained).
   Linked by pages that don't carry the homepage's inline nav CSS.
   Colors are explicit (not CSS vars) so it renders identically
   regardless of each page's own theme tokens.
   Sticky (not fixed) so it reserves its own space — no body-padding
   hacks, no overlap on the varied bespoke layouts.
   ============================================================ */

#site-nav {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #070F18;
  border-bottom: 2px solid #C9A449;
  padding: 0 40px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: Georgia, serif;
}
#site-nav .nav-logo {
  display: flex;
  align-items: baseline;
  gap: 0;
  text-decoration: none;
  flex-shrink: 0;
}
#site-nav .nav-logo-devanagari {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 14px;
  color: #C9A449;
}
#site-nav .nav-logo-sep { font-size: 16px; color: #1F3F5A; margin: 0 8px; }
#site-nav .nav-logo-latin {
  font-family: Georgia, serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 4px;
  color: #FFFFFF;
  text-transform: uppercase;
}
#site-nav .nav-links {
  display: flex;
  align-items: center;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
#site-nav .nav-links a {
  display: block;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.5px;
  color: #9BBDD4;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.2s;
  white-space: nowrap;
}
#site-nav .nav-links a:hover { color: #C9A449; }
#site-nav .nav-links .nav-investor-portal { color: #C9A449; }

.nav-hamburger {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 4px;
}
.nav-hamburger span { display: block; width: 24px; height: 2px; background: #C9A449; transition: all 0.25s; }
.nav-hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-hamburger.open span:nth-child(2) { opacity: 0; }
.nav-hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.mobile-nav {
  display: none;
  position: fixed;
  top: 64px;
  left: 0;
  right: 0;
  z-index: 998;
  background: #070F18;
  border-bottom: 1px solid #1F3F5A;
  padding: 16px 24px 24px;
  flex-direction: column;
  gap: 4px;
}
.mobile-nav.open { display: flex; }
.mobile-nav a {
  display: block;
  padding: 10px 0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  color: #9BBDD4;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 1px solid #0d2035;
  transition: color 0.2s;
  font-family: Georgia, serif;
}
.mobile-nav a:last-child { border-bottom: none; }
.mobile-nav a:hover { color: #C9A449; }
.mobile-nav .nav-investor-portal, .mobile-nav .mobile-investors { color: #C9A449; }

@media (max-width: 768px) {
  #site-nav { padding: 0 20px; }
  #site-nav .nav-links { display: none; }
  .nav-hamburger { display: flex; }
}

/* Minimal nav: auth pages (sign-in / sign-up) show ONLY the logo so the
   focus stays on the signup sequence. The logo is always present. */
#site-nav[data-minimal] .nav-links,
#site-nav[data-minimal] .nav-hamburger { display: none !important; }