document.addEventListener("DOMContentLoaded", function () {
  function setupEventListeners() {
      var caseButton = document.querySelector(".case-button");
      var caseClose = document.querySelector(".case-close");
      var caseContent = document.querySelector(".case-content");
      var allOpacityElements = document.querySelectorAll(".case-shadow");

    if (caseButton) {
      caseButton.addEventListener("click", function (event) {
        event.preventDefault();
        caseContent.classList.toggle("active");
        allOpacityElements.forEach(function (element) {
          element.classList.toggle("active");
        });
      });
    }

    if (caseClose) {
      caseClose.addEventListener("click", function (event) {
        event.preventDefault();
        caseContent.classList.remove("active");
        allOpacityElements.forEach(function (element) {
          element.classList.remove("active");
        });
      });
    }

    allOpacityElements.forEach(function (element) {
      element.addEventListener("click", function () {
        this.classList.remove("active");
        caseContent.classList.remove("active");
        caseContent.classList.remove("active");
      });
    });
  }

  function checkWindowSize() {
    if (window.innerWidth < 991) {
      setupEventListeners();
    }
  }

  checkWindowSize();

  window.addEventListener("resize", checkWindowSize);
});