document.addEventListener('DOMContentLoaded', function () {
  const toggle = document.getElementById('menu-toggle');
  const menu = document.getElementById('mobile-menu');
  const close = document.getElementById('menu-close');

  if (toggle && menu) {
    toggle.addEventListener('click', function () {
      menu.classList.add('active');
    });
  }

  if (close && menu) {
    close.addEventListener('click', function () {
      menu.classList.remove('active');
    });
  }

  document.querySelectorAll('.menu-item-has-children > a').forEach(parent => {
    parent.addEventListener('click', function (e) {
      if (window.innerWidth <= 768) {
        e.preventDefault();
        parent.parentElement.classList.toggle('open');
      }
    });
  });
});