/* ========================================================================== WAP Menu — Frontend Mega Menu Styles Panels live at the end of (footer) and are positioned/toggled entirely by JS via inline top/left/width styles, since they are not nested inside the theme's own menu markup (works with any theme). Desktop (>991px): full Elementor-designed panel opens on hover. Mobile/tablet (<=991px): the designed panel is never shown — instead a simple auto-generated accordion list of links appears under the item, matching the theme's native accordion sub-items. ========================================================================== */ .wap-mega-menu-panel { display: none; position: fixed; top: 0; left: 0; background: #ffffff; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15); z-index: 99999; padding: 30px; box-sizing: border-box; text-align: left; max-height: calc(100vh - 40px); overflow-y: auto; } .wap-mega-menu-panel.wap-mega-active { display: block; } .wap-mega-menu-inner { max-width: 1400px; margin: 0 auto; } .wap-mega-mobile-arrow { display: none; } /* ========================================================================== Mobile / Tablet: accordion arrow + auto-generated simple link list ========================================================================== */ @media (max-width: 991px) { /* The big designed panel is never opened on mobile — hide completely. */ .wap-mega-menu-panel { display: none !important; } li.wap-has-mega-menu { position: relative; } .wap-mega-mobile-arrow { position: absolute; top: 50%; right: 12px; transform: translateY(-50%) rotate(0deg); width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: transform 0.2s ease; } .wap-mega-mobile-arrow::before { content: ''; width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); margin-top: -4px; } .wap-mega-mobile-arrow.wap-mega-arrow-open { transform: translateY(-50%) rotate(180deg); } .wap-mobile-accordion-list { display: none; list-style: none; margin: 0; padding: 4px 0 8px 20px; } .wap-mobile-accordion-list li { border: none; } .wap-mobile-accordion-list li a { display: block; padding: 8px 10px; font-size: 14px; text-decoration: none; } }