document.addEventListener("DOMContentLoaded", function () {
  const triggers = document.querySelectorAll(".popup-trigger");
  const closeButtons = document.querySelectorAll(".close-popup");
  const overlays = document.querySelectorAll(".popup-overlay");

  triggers.forEach(trigger => {
    trigger.addEventListener("click", function () {
      const targetId = trigger.getAttribute("data-popup-target");
      const popup = document.getElementById(targetId);
      if (popup) {
        popup.classList.add("active");
        document.body.classList.add("popup-open");
      }
    });
  });
  function closePopup(popup) {
    popup.classList.remove("active");
    document.body.classList.remove("popup-open");
  }

  closeButtons.forEach(btn => {
    btn.addEventListener("click", function () {
      const popup = btn.closest(".popup-overlay");
      if (popup) closePopup(popup);
    });
  });
  overlays.forEach(overlay => {
    overlay.addEventListener("click", function (e) {
      if (e.target === overlay) {
        closePopup(overlay);
      }
    });
  });
});