/* ============================================================
   RESTORE — SHARED COMPONENTS
   Cross-brand component patterns (nav, footer, buttons) that
   look the same regardless of which brand loads them.

   NOTE: nav.js and footer.js are rendered per-brand today
   (each brand ships its own site links), and their small style
   blocks are injected inline alongside the markup. This file
   is the home for cross-brand component rules that don't
   belong in a JS template — currently limited to hover/active
   button variants and other shared surface tokens.
   ============================================================ */

/* ----- Shared active-nav accent -----
   Overrides Tailwind's inline color when a nav link is on the
   current page. nav.js also injects this rule inline for its
   own scope; declaring it here keeps the token in one place if
   the accent is ever themed per-brand via brand.css. */
.nav-link.is-active { color: var(--restore-teal, #00FFFF); }

/* ----- Mobile menu safety -----
   Belt-and-braces override to keep the mobile menu hidden while
   the [hidden] attribute is present, even if a utility class
   would otherwise force display. */
#mobile-menu[hidden] { display: none !important; }