/* ============================================================================ Header & Hero — light-theme redesign (TEMPORARY toggle override layer) ---------------------------------------------------------------------------- The old header/hero used a dark navy scheme that clashed with the redesigned (light) page bodies. This lightens them to match. After comparing three header variants live, the design was consolidated into ONE refined look (below), so ?hv=1 | 2 | 3 now all render the same design; ?hv=0 still shows the original dark header for comparison. The testimonial went through the same comparison (three treatments) and is now settled on the single "contained card" look — no toggle needed there anymore. ?hv=1 | 2 | 3 → the light header/hero (identical); ?hv=0 = original dark A snippet in views/base.twig reads ?hv= (or its cookie) and adds `hv-new` (+ `hv-N`) classes to . The footer and testimonial are each a single fixed treatment — no toggle. Loaded AFTER custom-style.css (dependency in functions.php) so these overrides win the cascade. !important only where the originals in custom-style.css use it; the html.hv-* scope supplies the rest of the specificity. >>> TEMPORARY. Once signed off, fold into the real header rules and delete >>> this file, its enqueue, and the base.twig snippet. ============================================================================ */ /* ============================================================================ SHARED LIGHT HEADER (html.hv-new) ============================================================================ */ /* Re-point the three header-scoped tokens (verified header-only): flips the brand-bar bg, menu-bar bg, and subtitle/mobile-icon colours automatically. */ html.hv-new { --header-bg: #ffffff; --nav-bg: #ffffff; --text-muted: #475569; } /* ---- Brand bar ----------------------------------------------------------- */ /* Hairline + a soft drop shadow so the header separates from the light page body on interior pages (where white header met white content). */ html.hv-new .navbar-default { box-shadow: 0 1px 0 var(--border-soft), 0 6px 16px rgba(0, 21, 42, 0.06); } /* Bootstrap's base `.navbar` rule sets `min-height: 48px` on the