document.addEventListener("DOMContentLoaded", () => {
  const mobileMenuToggle = document.querySelector("button#mobile-menu-toggle");
  const mobileMenu = document.querySelector("#mobile-menu");
  const mobileMenuBackdrop = document.querySelector("#mobile-menu > .backdrop");

  mobileMenuToggle.addEventListener("click", () => {
    const isVisible = mobileMenu.classList.toggle("visible");
    mobileMenuToggle.textContent = isVisible ? "Fermer" : "Menu";
  });

  mobileMenuBackdrop.addEventListener("click", () => {
    mobileMenu.classList.remove("visible");
    mobileMenuToggle.textContent = "Menu";
  });
});