/* -------------------------------
   الخلفية الكاملة للناف بار
---------------------------------- */
div[class*="header"],
div[class*="site-header"],
div[class*="navbar"],
div[class*="nav-wrapper"] {
  background-color: #B3BFB0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* -------------------------------
   روابط القائمة
---------------------------------- */
a[class*="main-menu"],
a[class*="nav"],
.header a,
nav a {
  color: white !important;
  font-weight: 600 !important;
}

a[class*="main-menu"]:hover,
.header a:hover,
nav a:hover {
  color: #333 !important;
}

/* -------------------------------
   إصلاح التوسيط للمحتوى
---------------------------------- */
div[class*="items-stretch"][class*="justify-between"] {
  align-items: center !important;
  padding: 0 1rem !important;
}

/* -------------------------------
   الزر الرئيسي (مثل أضف للسلة)
---------------------------------- */
button,
.btn,
button[type="submit"] {
  background-color: #B3BFB0 !important;
  color: white !important;
  border-radius: 999px !important;
  padding: 0.75rem 1.5rem !important;
  font-weight: 600 !important;
  transition: background-color 0.3s ease;
}

button:hover,
.btn:hover {
  background-color: #95A092 !important;
}

/* -------------------------------
   أزرار الهيدر (سلة + حساب)
---------------------------------- */
.header-btn,
.s-cart-summary-wrapper,
button[aria-label="user-icon"] {
  background-color: white !important;
  color: #333 !important;
  border-radius: 999px !important;
  padding: 0.5rem !important;
  transition: background-color 0.3s ease;
}

.header-btn:hover,
.s-cart-summary-wrapper:hover,
button[aria-label="user-icon"]:hover {
  background-color: #f3f3f3 !important;
}

/* -------------------------------
   القوائم العلوية (الهيدر)
---------------------------------- */
nav#mobile-menu ul.main-menu li a span {
  color: #314E3A !important;
  font-weight: bold !important;
}

nav#mobile-menu ul.main-menu li a:hover span {
  color: #000 !important;
}

/* -------------------------------
   الفوتر
---------------------------------- */
.store-footer__inner {
  background-color: #E6EFE7 !important;
  padding: 2rem !important;
  border-radius: 16px !important;
}

.store-footer__inner,
.store-footer__inner p,
.store-footer__inner h3,
.store-footer__inner a {
  color: #333 !important;
}

/* -------------------------------
   روابط التواصل (واتساب + TikTok)
---------------------------------- */
.s-contacts-item,
.s-social-list {
  display: block;
  margin-bottom: 12px;
}

.s-contacts-item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  color: #25D366 !important; /* لون الواتساب */
  font-size: 16px !important;
}

.s-contacts-icon svg,
.s-social-icon svg {
  width: 24px !important;
  height: 24px !important;
}

.s-social-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.s-social-link a {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #010101 !important; /* لون تيك توك */
  text-decoration: none !important;
  font-size: 16px !important;
}

.s-social-link a:hover,
.s-contacts-item:hover {
  opacity: 0.8 !important;
}

/* -------------------------------
   عنوان السلايدر (وسط + مستطيل + خطين)
---------------------------------- */
.s-slider-block__title {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 2rem 0 !important;
  position: relative !important;
}

.s-slider-block__title h2 {
  font-family: 'Tajawal', sans-serif !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: #333 !important;
  padding: 0.75rem 2rem !important;
  border: 2px solid #B3BFB0 !important;
  border-radius: 999px !important;
  background-color: white !important;
  display: inline-block !important;
  position: relative !important;
}

.s-slider-block__title h2::before,
.s-slider-block__title h2::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 60px;
  height: 2px;
  background-color: #B3BFB0;
}

.s-slider-block__title h2::before {
  right: 100%;
  margin-right: 20px;
}

.s-slider-block__title h2::after {
  left: 100%;
  margin-left: 20px;
}

/* إخفاء أزرار السلايدر */
.s-slider-block__title-nav,
.s-slider-block__display-all {
  display: none !important;
}

/* -------------------------------
   خلفية ناعمة حول المنتجات
---------------------------------- */
.s-slider-container {
  background-color: #F1F4F2 !important;
  border-radius: 16px !important;
  padding: 2rem !important;
  margin: 2rem auto !important;
  max-width: 98% !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
}

/* -------------------------------
   قسم التعليقات
---------------------------------- */
.s-comments-count-label {
  font-family: 'Tajawal', sans-serif !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #333 !important;
}

.s-comments-count-label span {
  color: #B3BFB0 !important;
  font-weight: bold !important;
}

.s-comments-filter-label {
  color: #333 !important;
  font-weight: 500 !important;
  font-family: 'Tajawal', sans-serif !important;
}

.s-comments-sort-input {
  background-color: #B3BFB0 !important;
  color: white !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 0.4rem 1rem !important;
  font-family: 'Tajawal', sans-serif !important;
  font-weight: 500 !important;
}

/* -------------------------------
   التحكم بشكل حقل الكمية
---------------------------------- */
.s-quantity-input-input {
  border: none !important;
  background: white !important;
  text-align: center !important;
  font-weight: bold !important;
  color: #333 !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 2px #B3BFB0 !important;
}

.s-quantity-input-button {
  border: none !important;
  background: white !important;
  box-shadow: none !important;
}

.s-quantity-input-container {
  border: none !important;
  background: transparent !important;
  gap: 10px !important;
  display: flex !important;
  align-items: center !important;
}

اخفاء رابط سله 
---------------------------------- */


.store-footer__inner a[href*="salla.sa"] {
  display: none !important;
}