/* تحسين زر "إضافة للسلة" في ثيم رائد */
.s-button-primary-outline {
  background-color: #2A408E !important;
  color: white !important;
  border: none !important;
  padding: 12px 24px !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  font-size: 17px !important; /* ← حجم الخط الأساسي */
  transition: all 0.3s ease !important;
}

.s-button-primary-outline:hover {
  background-color: white !important;
  color: #2A408E !important;
}

.s-button-primary-outline .s-button-text {
  color: white !important;
  font-size: 17px !important; /* ← لضمان تطبيق الحجم على النص */
}

.s-button-primary-outline:hover .s-button-text {
  color: #2A408E !important;
  font-size: 17px !important; /* ← نفس الحجم عند التمرير */
}

/* فاصل بين الاكواد/*

/* تحسين عام: سلاسة واحترافية */
html {
  scroll-behavior: smooth !important; /* تمرير ناعم عند التنقل */
}

body {
  font-size: 16px !important; /* حجم نص أساسي واضح */
  line-height: 1.6 !important; /* تباعد سطر مريح للعين */
}

/* تحسين المسافات بين العناصر */
.section {
  padding: 40px 0 !important;
}

.container {
  padding: 0 15px !important;
}

/* تحسين بطاقات المنتجات */
.product-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.product-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 6px 15px rgba(0,0,0,0.1) !important;
}

/* فاصل بين الاكواد */

/* === الشريط العلوي المتحرك -  === */

/* === الشريط العلوي المتحرك - توهج خفيف + نفس خط الزر === */

.s-advertisement-content-main {
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.s-advertisement-content-main::before {
  content: "🎧 خدمة عملاء ممتازة\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0🚚 توصيل سريع\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0⭐ منتجات عالية الجودة\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0🔒 دفع آمن\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0📞 دعم 24/7\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0💰 أسعار تنافسية\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0 توصيل مجاني عند الشراء بـ 199 ريال فأكثر\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0أستخدم كود خصم FNFN ";
  display: block !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 40px !important;
  background: transparent !important;
  color: white !important;
  /* 👇 توهج خفيف جدًّا */
  text-shadow: 
    0 0 2px rgba(255, 255, 255, 0.5),
    0 0 4px rgba(255, 255, 255, 0.3) !important;
  font-size: 13px !important;
  white-space: nowrap !important;
  animation: scrollLeftToRight 13s linear infinite !important;
  z-index: 9999 !important;
  font-family: 'Tajawal', Tahoma, sans-serif !important;
  text-align: left !important;
  padding-left: 100% !important;
  line-height: 40px !important;
}

@keyframes scrollLeftToRight {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

header {
  margin-top: 0 !important;

}

/* فاصل بين الاكواد/*

/* ============ شريط البحث - بدون تداخل ============ */
.s-search-input {
  /* الخلفية والشكل العام */
  background-color: #f0f4ff !important; /* لون فاتح يتناسق مع #2A408E */
  border: 1px solid #d0d9f0 !important;
  color: #2A408E !important;
  font-size: 14px !important;
  height: 36px !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  outline: none !important;

  /* مهم جدًا لتجنب التداخل */
  padding-right: 36px !important; /* مساحة لليمنى (لأن النص يبدأ من اليمين في RTL) */
  padding-left: 16px !important;
  text-align: right !important; /* لأن اللغة عربية */
  direction: rtl !important;
}

/* عند التركيز */
.s-search-input:focus {
  border-color: #2A408E !important;
  box-shadow: 0 0 0 3px rgba(42, 64, 142, 0.15) !important;
}

/* فاصل بين الاكواد */

/* كود ✅ تكبير حجم الخط لروابط الهيدر هذه: 

المدونة
سياسة الاستخدام والخصوصية
سياسة الاستبدال والاسترجاع */

.s-menu-topnav-item.topnav-link-item.right-side {
  font-size: 11px !important;
  font-weight: bold !important; /* أو 700 */
  line-height: 1.5 !important; /* لتحسين التباعد الرأسي */
}
/* فاصل بين الاكواد */