if(window.matchMedia("(min-width: 1131px)").matches){
const btnShop = document.getElementById('btn-shop');
const btnExplore = document.getElementById('btn-explore');
const dropdownMenus = document.querySelectorAll('.btn-hover');
const headerMain = document.querySelector(".elementor-location-header")
const header = headerMain.querySelector(".elementor-location-header .stickyheaders")
const computedStyle = getComputedStyle(header);
const backgroundColor = computedStyle.backgroundColor;
const backgroundFilter = headerMain.querySelector(".background-filter")
const handleMouseEnter = (event) => {
const btnElement = event.target;
if (btnElement.classList.contains('e-active')) {
backgroundFilter.style.display = "flex"
}
}
const handleMouseLeave = (event) => {
const btnElement = event.target;
if (!btnElement.classList.contains('e-active')) {
backgroundFilter.style.display = "none"
}
}
const handleScroll = (e) => {
if (btnShop.classList.contains("e-active") || btnExplore.classList.contains("e-active")){
dropdownMenus.forEach((dropdownMenu) => {
dropdownMenu.style.display = "none"
});
backgroundFilter.style.display = "none"
header.style.backgroundColor = backgroundColor
}
}
btnShop.addEventListener('mouseenter', handleMouseEnter);
btnShop.addEventListener('mouseleave', handleMouseLeave);
btnExplore.addEventListener('mouseenter', handleMouseEnter);
btnExplore.addEventListener('mouseleave', handleMouseLeave);
dropdownMenus.forEach((dropdownMenu) => {
dropdownMenu.addEventListener('mouseleave', handleMouseLeave);
});
window.addEventListener('scroll', handleScroll);
}
