/* * ═══════════════════════════════════════════════════════════════════════════════ * Lavisa Destinations Theme — ENHANCED HEADER, MEGA-MENU, MOBILE NAV (E4) * ═══════════════════════════════════════════════════════════════════════════════ * * @file assets/css/ldt-enhanced-header.css * @package Lavisa_Destinations_Theme * @since 2.9.5 (E4 — Visual Enhancement Roadmap v2) * @depends ldt-tokens-enhanced.css (E1 — gradients, shadows, glass tokens) * ldt-enhanced-animations.css (E3 — keyframes, pulse halo) * * Header / mega-menu / mobile-menu / search-modal polish. PURE CSS LAYER — * no PHP partial is modified. Hooks onto the existing class system already * used by the theme: * * .ldt-header-hub main wrapper (gets .ldt-is-scrolled * toggled by the existing scroll JS at * lines 622+ of header-hub.php — we just * layer glass + brand-tinted shadow on top) * .ldt-header-progress / __bar already gradient-driven by Customizer * — we polish to ensure default gradient * matches portal exactly + add subtle glow * .ldt-nav / .ldt-nav__link existing nav — we add animated underline * .ldt-header-action[--search/--lang/--wishlist] * existing action buttons — we add halo, * glass pill, badge polish * .ldt-header-cta existing Book Now button — we polish the * gradient style variant for portal match * .ldt-mega-panel[aria-hidden=false] * open mega panel — glass + reveal stagger * .ldt-mm-overlay / .ldt-mm-panel existing mobile menu chrome — backdrop * blur on overlay + accent gradient line * on top + chevron rotate * .ldt-search-modal existing search modal — glass-strong + * gradient focus ring + result hover-lift * * SPECIFICITY: * The header partials emit inline `