document.addEventListener('DOMContentLoaded', function () {
  const mobileBtn = document.querySelector('.mobile-toggle');
  const navLinks = document.querySelectorAll('.main-nav a');
  if (!mobileBtn) return;

  mobileBtn.addEventListener('click', function (e) {
    e.preventDefault();
    document.body.classList.toggle('menu-open');
  });

  navLinks.forEach(function (link) {
    link.addEventListener('click', function () {
      document.body.classList.remove('menu-open');
    });
  });

  document.addEventListener('click', function (e) {
    if (!document.body.classList.contains('menu-open')) return;
    if (!e.target.closest('.site-header')) {
      document.body.classList.remove('menu-open');
    }
  });
});