// views/aboutPages/aboutMain.js
// SIDEBAR
document.addEventListener("click", function (e) {
  const sidebar = document.getElementById("sidebar");
  const overlay = document.getElementById("sidebarOverlay");
  const floatingMenuBtn = document.getElementById("floatingMenuBtn");

  if (!sidebar) return;

  const isOpenTrigger =
    e.target.closest("#floatingMenuBtn") ||
    e.target.closest(".mobile-menu-btn");
  const isCloseTrigger =
    e.target.closest(".close-sidebar") ||
    e.target.closest("#sidebarOverlay") ||
    e.target.closest(".sidebar-nav .nav-link");

  if (isOpenTrigger) {
    sidebar.classList.add("open");
    overlay.style.display = "block";
    document.body.style.overflow = "hidden";
    floatingMenuBtn.style.display = "none";
  }

  if (isCloseTrigger) {
    sidebar.classList.remove("open");
    overlay.style.display = "none";
    document.body.style.overflow = "";
    floatingMenuBtn.style.display = "flex";
  }
});