/* Default Desktop Styles */ .dropdown-content { position: absolute; top: 100%; left: -20px; background-color: #ffffff; min-width: 240px; box-shadow: 0 12px 40px rgba(10,31,68,0.15); border-radius: 12px; border: 1px solid #EEF2F8; overflow: hidden; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out; transform: translateY(10px); } .dark-nav-link:hover { color: #ffffff !important; } .nav-dropdown:hover .dark-nav-link { color: #ffffff !important; } .nav-dropdown:hover .dropdown-content { opacity: 1; visibility: visible; transform: translateY(0); } .dropdown-item { padding: 16px 20px; text-decoration: none; display: block; font-size: 14px; border-bottom: 1px solid #EEF2F8; transition: background-color 0.2s ease; } .dropdown-item:hover { background-color: #F8FAFF; } .dropdown-item:hover span:first-child { color: #3163E0 !important; } .dark-search-btn:hover { color: #ffffff !important; } .dark-header-cta-btn:hover { background-color: #ffffff !important; color: #0A1F44 !important; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(255, 255, 255, 0.2) !important; } /* Mobile Responsive Styles */ @media (max-width: 1100px) { .easygds-premium-header-dark { padding: 16px 20px !important; } .header-actions { display: none !important; } /* Hide desktop button/search on mobile */ .mobile-toggle-btn { display: block !important; } /* Show hamburger */ .main-nav { display: none !important; /* Hidden until clicked */ flex-direction: column; width: 100%; position: absolute; top: 100%; left: 0; background-color: #0A1F44; padding: 20px; align-items: flex-start !important; border-top: 1px solid #1A2F55; box-shadow: 0 10px 20px rgba(0,0,0,0.2); } .main-nav.mobile-active { display: flex !important; } .nav-dropdown { width: 100%; } .dark-nav-link { width: 100%; justify-content: space-between; border-bottom: 1px solid #1A2F55; } /* Mobile Dropdown Fix */ .dropdown-content { position: static !important; opacity: 1 !important; visibility: visible !important; transform: none !important; box-shadow: none !important; border-radius: 8px !important; margin-top: 10px; display: none; /* Hidden until parent clicked */ } .nav-dropdown.mobile-open .dropdown-content { display: block !important; } .mobile-only-cta { display: block !important; width: 100%; } } document.addEventListener("DOMContentLoaded", function() { const mobileBtn = document.querySelector('.mobile-toggle-btn'); const mainNav = document.querySelector('.main-nav'); const dropdownToggles = document.querySelectorAll('.nav-dropdown > a'); // Toggle mobile menu open/close mobileBtn.addEventListener('click', function() { mainNav.classList.toggle('mobile-active'); }); // Handle mobile dropdown clicks dropdownToggles.forEach(toggle => { toggle.addEventListener('click', function(e) { if (window.innerWidth { if(d !== parentDropdown) d.classList.remove('mobile-open'); }); parentDropdown.classList.toggle('mobile-open'); } }); }); });