document.addEventListener("DOMContentLoaded", function () {
  // العثور على العنصر `.index section:nth-of-type(3)`
  const parentElement = document.querySelector(".index section:nth-of-type(2)");

  if (parentElement) {
    // إنشاء حاوية الشريط المتحرك
    const marqueeContainer = document.createElement("div");
    marqueeContainer.classList.add("marquee-container");
    marqueeContainer.style.backgroundColor = "#ed6161"; // لون الخلفية
    marqueeContainer.style.overflow = "hidden"; // منع التمرير العمودي
    marqueeContainer.style.position = "relative"; // الموقع النسبي

    // محتوى الشريط
    const marquee = document.createElement("div");
    marquee.classList.add("marquee");
    marquee.style.display = "inline-flex"; // عرض جميع العناصر في سطر واحد
    marquee.style.whiteSpace = "nowrap"; // منع انتقال العناصر إلى سطر جديد
    marquee.style.animation = "scroll 15s linear infinite"; // حركة النص

    // إضافة العناصر

    items.forEach(({ text, link }) => {
      const item = document.createElement("a");
      item.textContent = text;
      item.href = link;
      item.style.color = "white";
      item.style.textDecoration = "none";
      item.style.margin = "0 20px"; // إضافة مسافة بين العناصر
      item.style.fontWeight = "500"; // تسمية الخط
      item.style.transition = "color 0.3s"; // تأثير سلس عند تغيير اللون

      // عند تمرير الماوس، تغيير اللون إلى برتقالي
      item.addEventListener("mouseenter", () => {
        item.style.color = "#ed6161"; // اللون البرتقالي
      });
      item.addEventListener("mouseleave", () => {
        item.style.color = "white"; // إعادة اللون الأبيض
      });

      marquee.appendChild(item);
    });

    // إدخال الشريط في الحاوية
    marqueeContainer.appendChild(marquee);

    // إضافة الحاوية بعد العنصر المستهدف
    parentElement.insertAdjacentElement("afterend", marqueeContainer);

    // تعريف الأنماط
    const style = document.createElement("style");
    style.textContent = `
      @keyframes scroll
      {
        0%
        {
          transform: translateX(-100%);
        }
        100%
        {
          transform: translateX(100%);
        }
      }

      .marquee-container
      {
        height: 50px;
        display: flex;
        align-items: center;
      }

      .marquee
      {
        animation: scroll 15s linear infinite;
      }

      /* إيقاف الحركة عند تمرير الماوس */
      .marquee-container:hover .marquee
      {
        animation-play-state: paused;
      }

      .marquee a
      {
        font-weight: bold; /* تسمية الخط */
        transition: color 0.3s ease; /* تأثير تغيير اللون */
      }

      /* تقليل المسافات للأجهزة الصغيرة */
      @media (max-width: 768px)
      {
        .marquee-container
        {
          height: 40px;
        }

        .marquee a
        {
          margin: 0px 10px;
        }
      }
    `;
    document.head.appendChild(style);
  }
});

<script>
(function waitForPrice(){
  const priceWrapper =
    document.querySelector('[class*="price"]') ||
    document.querySelector('[class*="product-price"]');

  if (!priceWrapper) {
    setTimeout(waitForPrice, 300);
    return;
  }

  const numbers = priceWrapper.innerText.match(/\d+/g);
  if (!numbers || numbers.length < 2) return;

  const newPrice = numbers[numbers.length - 1];
  const oldPrice = numbers[numbers.length - 2];

  if (!oldPrice || !newPrice || oldPrice <= newPrice) return;

  const discount = Math.round((1 - newPrice / oldPrice) * 100);

  if (document.querySelector('.auto-price-box')) return;

  const box = document.createElement('div');
  box.className = 'auto-price-box';
  box.innerHTML = `
    <div class="auto-price-header">
      <div>
        <div class="auto-new-price">﷼ ${newPrice}</div>
        <div class="auto-old-row">
          <span class="auto-old-price">﷼ ${oldPrice}</span>
          <span class="auto-tax">شامل الضريبة</span>
        </div>
      </div>
      <div class="auto-discount">خصم ${discount}%</div>
    </div>

    <div class="auto-warranty">
      <span>ضمان سنتين</span> من الوكيل
    </div>

    <div class="auto-installment">
      <p><b>قسطها على دفعات، اشترِ الآن وادفع لاحقًا</b></p>
      <img src="https://alghanim-store.com/wp-content/uploads/2026/01/Group_110-removebg-preview-copy-1-copy.webp">
    </div>
  `;

  priceWrapper.after(box);
})();
</script>