$(document).ready(function () {
    $(".main-nav > ul > li").mouseover(function(){
        $(".submenuul").stop().addClass('on');
        $(".header_bg").addClass('on');
        $(this).addClass('active');
        
    })
    $(".main-nav > ul > li").mouseleave(function(){
        $(".submenuul").stop().removeClass('on');
        $(".header_bg").removeClass('on');
        $(this).removeClass('active')
    })

    
    let menuButton = document.querySelector(".allmenu-button");
    let menuOverlay = document.querySelector(".menu-overlay");
    let menuOverlay2 = document.querySelector(".menu-overlay2");
    let closeButton = document.querySelector(".close-button");
    let closeButton2 = document.querySelector(".close-button2");

    menuButton.addEventListener("click", function () {
        menuButton.classList.add("active");
        menuOverlay.classList.add("open");
        menuOverlay2.classList.add("open");
    });

    closeButton.addEventListener("click", function () {
        menuButton.classList.remove("active");
        menuOverlay.classList.remove("open");
        menuOverlay2.classList.remove("open");  
    });

    closeButton2.addEventListener("click", function () {
        menuButton.classList.remove("active");
        menuOverlay.classList.remove("open");
        menuOverlay2.classList.remove("open");  
    });





});