document.addEventListener("DOMContentLoaded", function () {
    const menuButton = document.querySelector(".menu-toggle");
    const closeButton = document.querySelector(".close-menu");
    const menuContainer = document.querySelector(".menu-container");
    const submenuItems = document.querySelectorAll(".menu-item-has-children > a");
  
    // Open menu
    menuButton.addEventListener("click", function () {
      menuContainer.classList.add("active");
    });
  
    // Close menu
    closeButton.addEventListener("click", function () {
      menuContainer.classList.remove("active");
    });
  
    // Close menu when clicking outside
    document.addEventListener("click", function (event) {
      if (!menuContainer.contains(event.target) && !menuButton.contains(event.target)) {
        menuContainer.classList.remove("active");
      }
    });
  
    // Toggle submenus
    submenuItems.forEach(item => {
      item.addEventListener("click", function (e) {
        e.preventDefault(); // Prevent default link behavior
        this.parentElement.classList.toggle("open");
      });
    });
  });