script.js

// Hamburger menu toggle
const hamburger = document.getElementById('mm-hamburger');
const menu = document.getElementById('mm-menu');

if (hamburger && menu) {
  hamburger.addEventListener('click', () => {
    menu.classList.toggle('open');
  });
  // Close menu on link click (mobile)
  menu.querySelectorAll('a').forEach(link => {
    link.addEventListener('click', () => {
      if (window.innerWidth <= 768) menu.classList.remove('open');
    });
  });
  // Close menu on outside click
  document.addEventListener('click', (e) => {
    if (!menu.contains(e.target) && !hamburger.contains(e.target)) {
      menu.classList.remove('open');
    }
  });
}
// Dropdowns: open on click (mobile), hover (desktop)
const dropdownParents = document.querySelectorAll('.mm-has-dropdown');
dropdownParents.forEach(parent => {
  const dropdown = parent.querySelector('.mm-dropdown');
  if (!dropdown) return;
  // Desktop: open on hover (handled by CSS)
  // Mobile: open on click
  parent.addEventListener('click', (e) => {
    if (window.innerWidth <= 768) {
      e.preventDefault();
      dropdown.style.display = dropdown.style.display === 'block' ? 'none' : 'block';
    }
  });
  // Close dropdown on outside click (mobile)
  document.addEventListener('click', (e) => {
    if (window.innerWidth <= 768 && !parent.contains(e.target)) {
      dropdown.style.display = 'none';
    }
  });
});

// Dropdown: open on click only (desktop & mobile)
const solutionsDropdownParent = document.querySelector('.mm-has-dropdown');
const solutionsDropdown = solutionsDropdownParent?.querySelector('.mm-dropdown');
const solutionsLink = solutionsDropdownParent?.querySelector('.mm-menu-link');

if (solutionsDropdownParent && solutionsDropdown && solutionsLink) {
  solutionsLink.addEventListener('click', (e) => {
    e.preventDefault();
    solutionsDropdownParent.classList.toggle('open');
  });
  // Close dropdown on outside click
  document.addEventListener('click', (e) => {
    if (!solutionsDropdownParent.contains(e.target)) {
      solutionsDropdownParent.classList.remove('open');
    }
  });
}

// Animate sections on scroll
function animateOnScroll() {
  const animatedSections = document.querySelectorAll('.mm-animate-fade, .mm-animate-slide');
  const observer = new window.IntersectionObserver((entries, obs) => {
    entries.forEach(entry => {
      if (entry.isIntersecting) {
        entry.target.classList.add('mm-animated');
        obs.unobserve(entry.target);
      }
    });
  }, { threshold: 0.15 });
  animatedSections.forEach(section => {
    observer.observe(section);
  });
}
if (window.IntersectionObserver) {
  window.addEventListener('DOMContentLoaded', animateOnScroll);
}