/* ============================================================
   nav_page.css — Nav override for non-hero pages
   Use on pages WITHOUT a hero section (e.g. all-events, contact).
   Replaces the hero overlay nav with the scrolled/light version
   from page load — no transition, no absolute positioning.
   Load AFTER nav.css in $pageCSS.
   Ocean Club Global
   ============================================================ */

  /* Override: sticky from page load, light background, no transition */
  nav {
    position: sticky;
    top: 0;
    background: rgba(254,252,248,0.97) !important;
    backdrop-filter: blur(12px);
    border-bottom: 0.5px solid var(--border-mid);
    transition: none;
  }

  /* Apply scrolled-state styles immediately — no scroll needed */
  nav .nav-logo { color: var(--gold-dark); }
  nav .nav-links a { color: var(--text-mid); }
  nav .nav-links a:hover { color: var(--gold); }
  nav .nav-cta { background: var(--gold); color: #fff; }
  nav .nav-cta:hover { background: var(--gold-dark); }
  nav .nav-logo-img { display: flex; align-items: center; text-decoration: none; }
  nav .nav-logo-ocean { background: linear-gradient(to top right, #EDBA47 0%, #F8F9D1 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; -webkit-text-stroke: 1px rgba(184,146,42,0.48); paint-order: stroke fill; }
  nav .nav-logo-rule { display: block !important; height: 1px; min-height: 1px; background: linear-gradient(to right, rgba(237,186,71,0.4), rgba(248,249,209,0.4)); width: 100%; min-width: 40px; }
  nav .nav-logo-sub { font-size: 0.772rem; background: linear-gradient(to top right, #EDBA47 0%, #F8F9D1 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; -webkit-text-stroke: 1px rgba(184,146,42,0.48); paint-order: stroke fill; }

  /* ── HAMBURGER OVERRIDE for non-hero pages ── */
  @media (max-width: 768px) {
    .nav-hamburger span { background: var(--gold-dark); }
  }

  /* Subtle shadow on light background */
  nav .nav-logo-text {
    filter: drop-shadow(0 1px 3px rgba(0,0,0,0.12));
  }

  /* ── CLUB GLOBAL font size overrides for nav_page (non-hero) ── */
  @media (max-width: 1024px) {
    nav .nav-logo-sub { font-size: 0.586rem; }
  }

  @media (max-width: 768px) {
    nav .nav-logo-sub { font-size: 0.502rem; }
  }

  @media (max-width: 480px) {
    nav .nav-logo-sub { font-size: 0.429rem; }
  }