/* ABUZ8 unified site nav (fx-nav). One header for every page.
   Hardened: old pages style bare `nav`, `nav a`, `.logo` etc., so the nav first reverts every
   author style on itself and its children, then applies its own. Fallback colors are given for
   pages that don't load abuz8-theme.css. Markup + JS: tools/flagship/build.py nav_html(),
   /assets/js/abuz8-nav.js. Applied site-wide by tools/flagship/unify_nav.py. */
nav.fx-nav,nav.fx-nav *{all:revert;box-sizing:border-box}
nav.fx-nav{display:block;position:sticky;top:0;left:0;right:0;z-index:1000;margin:0;padding:0;width:100%;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.2;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  background:linear-gradient(180deg,rgba(10,22,40,.95),rgba(10,22,40,.82));
  border-bottom:1px solid var(--border,#1a2e50);color:var(--text,#e8e4d8)}
nav.fx-nav .in{max-width:1180px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:18px;position:relative}
nav.fx-nav a{text-decoration:none}
nav.fx-nav .fx-brand{display:flex;flex-direction:column;line-height:1}
nav.fx-nav .fx-brand b{font-family:'Playfair Display',Georgia,serif;font-size:22px;font-weight:700;letter-spacing:2px;color:var(--gold,#c9a84c)}
nav.fx-nav .fx-brand span{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--dim,#8a9aaa);margin-top:4px}
nav.fx-nav .fx-links{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap;align-items:center}
nav.fx-nav .fx-links a{color:var(--text,#e8e4d8);font-size:13.5px;font-weight:500;padding:8px 11px;border-radius:8px;transition:background .4s,color .4s}
nav.fx-nav .fx-links a:hover,nav.fx-nav .fx-links a[aria-current=page]{background:rgba(201,168,76,.12);color:var(--gold-light,#e8d48b)}
nav.fx-nav .fx-links a.cta{background:linear-gradient(135deg,#c9a84c,#8a7030);color:#0a1628;font-weight:700}
nav.fx-nav .fx-links a.cta:hover{color:#0a1628;filter:brightness(1.08)}
nav.fx-nav .fx-menu{display:none;margin-left:auto;background:none;border:1px solid rgba(201,168,76,.35);color:var(--gold,#c9a84c);
  border-radius:8px;padding:7px 12px;font:600 13px 'Inter',system-ui,sans-serif;cursor:pointer}
nav.fx-nav a:focus-visible,nav.fx-nav button:focus-visible{outline:2px solid #e8d48b;outline-offset:2px}
@media (max-width:1240px){
  nav.fx-nav .fx-menu{display:block}
  nav.fx-nav .fx-links{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;flex-wrap:nowrap;
    padding:10px 16px 16px;background:rgba(10,22,40,.98);border-bottom:1px solid var(--border,#1a2e50);max-height:80vh;overflow:auto}
  nav.fx-nav.open .fx-links{display:flex}
  nav.fx-nav .fx-links a{padding:12px}
}
nav.fx-nav .fx-lang{all:revert;position:static!important;top:auto!important;right:auto!important;z-index:auto!important;order:2;margin-left:8px}
nav.fx-nav .fx-lang select{background:rgba(10,22,40,.9);color:#c9a84c;border:1px solid rgba(201,168,76,.35);border-radius:8px;padding:6px 8px;font:500 12.5px 'Inter',system-ui,sans-serif;cursor:pointer}
nav.fx-nav .fx-links{order:1} nav.fx-nav .fx-menu{order:3}
@media (max-width:1240px){nav.fx-nav .fx-lang{margin-left:auto} nav.fx-nav .fx-lang + .fx-menu{margin-left:8px}}
@media (prefers-reduced-motion:reduce){nav.fx-nav .fx-links a{transition:none}}
/* Some legacy sheets (abuz8-mach3.css) force `button`, `.cta`, `select` sizing with !important on mobile.
   The nav's own sizing must win everywhere. */
nav.fx-nav .fx-menu{padding:7px 12px!important;font-size:13px!important;min-height:0!important;width:auto!important;text-align:center!important}
nav.fx-nav .fx-links a{font-size:13.5px!important;min-height:0!important;width:auto!important;display:block!important;text-align:left!important}
nav.fx-nav .fx-links a.cta{padding:8px 11px!important}
@media (max-width:1240px){nav.fx-nav .fx-links a,nav.fx-nav .fx-links a.cta{padding:12px!important}}
@media (min-width:1241px){nav.fx-nav .fx-links a{display:inline-block!important}}
nav.fx-nav .fx-lang select{font-size:12.5px!important;padding:6px 8px!important;min-height:0!important;width:auto!important;max-width:120px!important}
nav.fx-nav .fx-brand b{font-size:22px!important} nav.fx-nav .fx-brand span{font-size:10px!important;white-space:nowrap!important}