/* ═══════════════════════════════════════════════════════════ Site-wide: nav stays permanently black + white text, instead of each page's usual white / white→light-gray-on-scroll. Only overrides nav COLORS — height, font-family and layout stay whatever each page already defines. #nav-auth-btn is scoped as "#nav #nav-auth-btn" (not just "#nav-auth-btn") on purpose: css/auth.css defines its own #nav-auth-btn rule at the same specificity, and whichever stylesheet is linked later in wins ties — scoping ours under #nav makes it win regardless of link order per page. ═══════════════════════════════════════════════════════════ */ #nav, #nav.scrolled { background: #0A0A0A; border-bottom-color: rgba(255,255,255,.12); } #nav .nav-logo { color: #FFFFFF; } /* A couple of pages wrap part of the logo in its own with an explicit color (meant to read as a subtle accent on a white nav) — on some of them that color resolves to near-black, which goes invisible against a black nav. Force it white here too. */ #nav .nav-logo span { color: #FFFFFF; } #nav .nav-title { color: rgba(255,255,255,.6); } #nav .lang-toggle { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.16); } #nav .lang-btn { color: rgba(255,255,255,.5); } #nav .lang-btn.active { background: #FFFFFF; color: #0A0A0A; } #nav #nav-auth-btn { background: #FFFFFF; color: #0A0A0A; border-color: #FFFFFF; } #nav .hamburger span { background: #FFFFFF; } /* While the hamburger menu is open (toggleMenu() adds .menu-open to ) the nav bar becomes one seamless black surface with the menu panel below it — only the logo and the hamburger (now an X) stay visible. This also kills the persistent 1px light border-bottom above (#nav's own border-bottom-color, always on, not just on scroll) that otherwise reads as a thin white seam against .nav-menu's solid black fill directly under it. */ body.menu-open #nav, body.menu-open #nav.scrolled { border-bottom-color: transparent; } body.menu-open #nav .lang-toggle, body.menu-open #nav #nav-auth-btn, body.menu-open #nav .nav-token-count, body.menu-open #nav