/* Add custom CSS styles below */ 
.s-product-card-content-footer salla-add-product-button .s-button-primary {
    color: #2c2c2c;
}


custom-salla-product-card{
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
}

.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl{
  padding:2rem 0;
}

.flex.h-full.transition-shadow.duration-500.hover\:shadow-default.bg-white.da-bgg.rounded-lg.relative{
      box-shadow: 0 0 25px -8px #aaa
}

.promo-bar {
  background: #006c35;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  padding: 10px 0;
  cursor: pointer;
  z-index: 9999; /* يخليها فوق أي حاجة */
}

.promo-track {
  display: inline-block;
  white-space: nowrap;
  animation: scrollText 80s linear infinite; /* 80 ثانية = أبطأ */
}

.promo-track span {
  margin-right: 100px; /* مسافة بين الجمل */
}

@keyframes scrollText {
  0%   { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
// النصوص الجديدة
const messages = [
  "🎊 خصم 5٪ على جميع المنتجات مع كود KSA95",
  "🚚 شحن مجاني لجميع أنحاء المملكة للطلبات فوق 299 ر.س",
  "🇸🇦 عزّنا بطَبعنا – خصم 30٪ على جميع منتجات اليوم الوطني 🎉"
];

// نجيب الـ wrapper من الدوم
const wrapper = document.querySelector(".tab-text-wrapper");

if (wrapper) {
  // نمسح القديم ونضيف الجديد
  wrapper.innerHTML = messages.map(msg => 
    `<a class="tab-text" href="#">${msg}</a>`
  ).join("");

  // متغير للحركة
  let position = wrapper.offsetWidth;

  function animate() {
    position -= 1; // سرعة الحركة
    if (position < -wrapper.scrollWidth) {
      position = wrapper.offsetWidth;
    }
    wrapper.style.transform = `translateX(${position}px)`;
    requestAnimationFrame(animate);
  }

  animate();
}