const toggleButtons = document.querySelectorAll(".menu-item-has-children");
const menu = document.querySelector(".ghostkit-custom-menu");
const navbar = document.querySelector(".nav-outer-wrapper");
const body = document.querySelector("body");
const notnav = document.querySelector(".nav-overlay");

menu.onclick = () => {
  menu.classList.toggle("active");
  navbar.classList.toggle("right-open");
  body.classList.toggle("menu-open");
};

notnav.onclick = () => {
  menu.classList.toggle("active");
  navbar.classList.toggle("right-open");
  body.classList.toggle("menu-open");
};

(() => {
  toggleButtons.forEach((toggleButton) => {
    toggleButton.addEventListener("click", () => {
      toggleButton.lastElementChild.classList.toggle("open");
    });
  });
})();