//mobile navbar on click dropdown

const menubuttons = document.querySelectorAll(
    ".wp-block-navigation-submenu__toggle"
);
menubuttons.forEach((menubutton) => {
    const next = menubutton.nextElementSibling;
    menubutton.addEventListener("click", function () {
        next.classList.toggle("active");
    });
});



// search 

const searchBtn = document.querySelector(".headerSearch-button");
const search = document.querySelector(".header-search");
if(searchBtn !==null){

    searchBtn.addEventListener("click", () => {
        search.classList.toggle("active");
    });
    
    document.addEventListener("mousedown", (event) => {
        if (!search.contains(event.target) && !event.target.classList.contains("headerSearch-button")) {
            search.classList.remove("active");
        }
    });
}