script.js

const sections = document.querySelectorAll("section");
const navLinks = document.querySelectorAll("nav ul li a");

/* --- MENU MOBILE (HAMBURGER) --- */
const menuToggle = document.getElementById("menuToggle");
const navUl = document.getElementById("navLinks");

if (menuToggle && navUl) {
  const fermerMenu = () => {
    menuToggle.classList.remove("actif");
    navUl.classList.remove("ouvert");
    menuToggle.setAttribute("aria-expanded", "false");
    menuToggle.setAttribute("aria-label", "Ouvrir le menu");
  };

  const basculerMenu = () => {
    const estOuvert = navUl.classList.toggle("ouvert");
    menuToggle.classList.toggle("actif", estOuvert);
    menuToggle.setAttribute("aria-expanded", String(estOuvert));
    menuToggle.setAttribute(
      "aria-label",
      estOuvert ? "Fermer le menu" : "Ouvrir le menu",
    );
  };

  menuToggle.addEventListener("click", basculerMenu);

  // Ferme le menu automatiquement après avoir cliqué sur un lien
  navLinks.forEach((link) => link.addEventListener("click", fermerMenu));
}

window.addEventListener("scroll", () => {
  let current = "";

  sections.forEach((section) => {
    const sectionTop = section.offsetTop;
    const sectionHeight = section.clientHeight;

    if (window.pageYOffset >= sectionTop - sectionHeight / 3) {
      current = section.getAttribute("id");
    }
  });

  navLinks.forEach((link) => {
    link.classList.remove("active");
    if (link.getAttribute("href").includes(current)) {
      link.classList.add("active");
    }
  });
});