/* Add custom JS code below */ 
/* pop up */
// Overlay HTML with popup content appended
const overlay = `
  <div class="overlay">
    <div class="popup-container" id="popupContainer">
      <div class="popup-header">
        <button id="closeButton" class="close-btn">&times;</button>
      </div>
      <div class="popup-content">
        <a href="https://gyem-sa.com/%D8%B9%D8%B1%D9%88%D8%B6/c1484409126" id="popupLink">
          <img src="https://cdn.salla.sa/AzvXOQ/8450e35d-6ebe-4d11-900f-99e3b220eb90-1000x1000-mQkOiDCJ2NbjYpgjlScEifDKg2PlFBrwnYQvRLZl.png" style="cursor:pointer;">
        </a>
        <p></p>
      </div>
    </div>
  </div>
`;
document.querySelector('body.index').insertAdjacentHTML("afterbegin", overlay);

// Function to hide the popup and overlay
function hidePopup() {
  const container = document.getElementById('popupContainer');
  const overlay = document.querySelector('.overlay');
  if (container && overlay) {
    container.style.display = "none";
    overlay.style.display = "none";
  }
}

// Add event listener to close button
const closeBtn = document.getElementById('closeButton');
if (closeBtn) {
  closeBtn.addEventListener('click', hidePopup);
}