// Mega menu - Enhanced CSS hover support
document.addEventListener('DOMContentLoaded', function() {
const megaMenus = document.querySelectorAll('.has-mega-menu');
megaMenus.forEach(menuItem => {
let hideTimeout;
function showMenu() {
clearTimeout(hideTimeout);
const megaMenu = menuItem.querySelector('.mega-menu');
if (megaMenu) {
megaMenu.style.opacity = '1';
megaMenu.style.visibility = 'visible';
megaMenu.style.pointerEvents = 'auto';
}
}
function hideMenu() {
const megaMenu = menuItem.querySelector('.mega-menu');
if (megaMenu) {
hideTimeout = setTimeout(() => {
megaMenu.style.opacity = '0';
megaMenu.style.visibility = 'hidden';
megaMenu.style.pointerEvents = 'none';
}, 150);
}
}
// Enhanced hover support
menuItem.addEventListener('mouseenter', showMenu);
menuItem.addEventListener('mouseleave', hideMenu);
const megaMenu = menuItem.querySelector('.mega-menu');
if (megaMenu) {
megaMenu.addEventListener('mouseenter', () => {
clearTimeout(hideTimeout);
});
megaMenu.addEventListener('mouseleave', hideMenu);
}
});
});
