document.addEventListener("DOMContentLoaded", () => {
    const burger = document.querySelector(".navbar .burger");
    const navLinks = document.querySelector(".navbar .nav-links");

    if (burger && navLinks) {
        burger.addEventListener("click", (e) => {
            e.stopPropagation(); // Évite les conflits d'événements tactiles
            navLinks.classList.toggle("nav-active");
            burger.classList.toggle("toggle");
        });

        // Ferme automatiquement le menu si l'utilisateur clique en dehors du panneau sombre
        document.addEventListener("click", (e) => {
            if (!navLinks.contains(e.target) && !burger.contains(e.target)) {
                navLinks.classList.remove("nav-active");
                burger.classList.remove("toggle");
            }
        });
    }
});