document.addEventListener("DOMContentLoaded", function() {
  // مصفوفة فيها كل سيلكتور ونصوصه ورابطه
  const items = [
    {
      selector: ".dan-video .swiper-slide:nth-child(1) .video-item",
      title: "عباية رهف",
      buttonText: "اكتشفي العباية",
      link: "https://gravityabaya.com/products/rahaf"
    },
    {
      selector: ".dan-video .swiper-slide:nth-child(2) .video-item",
      title: "عباية نوف",
      buttonText: "شاهدي التفاصيل",
      link: "https://gravityabaya.com/products/nouf"
    },
    {
        selector: ".dan-video .swiper-slide:nth-child(3) .video-item",
        title: "عباية نوف",
        buttonText: "شاهدي التفاصيل",
        link: "https://gravityabaya.com/products/nouf"
      }
  ];

  // نضيف المحتوى لكل سيلكتور
  items.forEach(itemData => {
    const el = document.querySelector(itemData.selector);
    if (!el) return;

    const overlay = document.createElement("div");
    overlay.className = "video-overlay-custom";
    overlay.innerHTML = `
      <div class="overlay-content">
        <h4 class="overlay-title">${itemData.title}</h4>
        <a href="${itemData.link}" class="overlay-button">${itemData.buttonText}</a>
      </div>
    `;

    el.style.position = "relative";
    el.appendChild(overlay);
  });
});
document.addEventListener("DOMContentLoaded", function() {
  const html = `
  <div class="store-info-block text-left col">
    <div class="block-vat business-center col">
      <img src="https://static.zid.store/0d6f59e5/img-vat.svg?v=v1.0.0" alt="vat-certificate" loading="lazy">
      <div class="text d-flex justify-content-center flex-wrap">
        <p><strong>الرقم الضريبي:</strong></p>
        <p class="number">310342908200003</p>
      </div>
    </div>
    <div class="block-vat col">
      <a href="https://eauthenticate.saudibusiness.gov.sa/certificate-details/0000200971" target="_blank">
        <img src="https://static.zid.store/0d6f59e5/business-center.svg?v=v1.0.0" alt="business-center" loading="lazy">
        </a>
        <div class="text d-flex justify-content-center flex-wrap">
          <p><strong>توثيق التجارة الإلكترونية:</strong></p>
          <p class="number">0000200971</p>
        </div>
    </div>
  </div>
  `;

  function waitForElement(selector, callback, interval = 200, maxAttempts = 50) {
    let attempts = 0;
    const checkExist = setInterval(() => {
      const el = document.querySelector(selector);
      if (el) {
        clearInterval(checkExist);
        callback(el);
      } else if (attempts++ > maxAttempts) {
        clearInterval(checkExist);
      }
    }, interval);
  }

  waitForElement(".store-footer__contacts-row", (target) => {
    target.insertAdjacentHTML("beforebegin", html);
  });
});