document.addEventListener("DOMContentLoaded", () => {
  const menuItems = document.querySelectorAll(".menu-item-has-children > a");

  menuItems.forEach(item => {
    item.addEventListener("click", (event) => {
      console.log("Click en:", item, "ancho:", window.innerWidth);

      if (window.innerWidth < 1024) {
        const submenu = item.nextElementSibling;
        if (submenu) {
          // Si aún no está expandido, interceptamos el clic para mostrar el submenú.
          if (!item.classList.contains("expanded")) {
            event.preventDefault();
            submenu.style.display = "block";
            item.classList.add("expanded");
            console.log("Primer clic en mobile: submenú expandido.");
          } else {
            console.log("Segundo clic en mobile: se permite la navegación.");
          }
        }
      } else {
        console.log("Desktop: se permite la navegación sin interferencia.");
      }
    });
  });
});