const btn = document.getElementById("hamburger-btn");
const sidebar = document.querySelector(".sidebar");

btn.addEventListener("click", (e) => {
    e.stopPropagation();
    sidebar.classList.toggle("active");
    btn.textContent = sidebar.classList.contains("active") ? "✕" : "☰";
});

document.addEventListener("click", (e) => {
    if (window.innerWidth <= 767) {
        const outsideSidebar = !sidebar.contains(e.target);
        const outsideBtn = !btn.contains(e.target);
        if (outsideSidebar && outsideBtn) {
            sidebar.classList.remove("active");
            btn.textContent = "☰";
        }
    }
});