:root {
  --salla-main-bg: #e8e2d9;                  /* خلفية الموقع */
  --salla-product-card-bg: #bbac99;          /* أسفل البطاقة (السعر والزر) */
  --salla-product-card-wrapper: #bbac99;     /* خلفية البطاقة كاملة */
  --salla-cat-card-bg: #d6cbb8;              /* خلفية قسم التصنيفات الدائرية */
  --salla-header-bg: #d6cbb8;                /* لون مخصص للشريط العلوي */
  --salla-title-color: #3d2e1e;              /* لون عنوان المنتج */
  --salla-title-hover: #8d6e4f;              /* لون الهوفر */
  --salla-account-bg: #d6cbb8;               /* لون خلفية أيقونة حساب العميل */
  --salla-footer-bg: #d6cbb8;                /* خلفية الفوتر */
}

/* الخلفيات الرئيسية */
body,
html,
#app,
.app-inner.flex.flex-col.min-h-full {
  background-color: var(--salla-main-bg) !important;
}

.s-product-card-content {
  background-color: var(--salla-product-card-bg) !important;
  border-radius: 0 0 16px 16px !important;
}

.s-product-card-entry {
  background-color: var(--salla-product-card-wrapper) !important;
}

.slide--cat-entry {
  background-color: var(--salla-cat-card-bg) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  border: none !important;
}

.inner.bg-inherit {
  background-color: var(--salla-header-bg) !important;
}

.s-product-card-content a {
  color: var(--salla-title-color) !important;
  transition: color 0.3s ease;
}

.s-product-card-content a:hover {
  color: var(--salla-title-hover) !important;
}

.s-user-menu-trigger {
  background-color: var(--salla-account-bg) !important;
}

.store-footer__inner {
  background-color: var(--salla-footer-bg) !important;
}

/* Scroll In Animation */
[data-animate] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

[data-animate].visible {
  opacity: 1;
  transform: translateY(0);
}

/* تحريك الأزرار */
.s-button-element,
.s-button,
button,
a.s-button-element {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.s-button-element:hover,
.s-button:hover,
button:hover,
a.s-button-element:hover {
  transform: translateY(-3px) scale(1.04);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

/* أيقونات التواصل */
.salla-social svg,
.salla-social i,
.salla-social img {
  transition: transform 0.3s ease;
}

.salla-social svg:hover,
.salla-social i:hover,
.salla-social img:hover {
  transform: scale(1.1) rotate(2deg);
}

/* ظهور العناصر عند التمرير */
.s-button,
.s-product-card-content,
.s-product-card-entry,
.swiper-button-next,
.swiper-button-prev,
.store-footer__inner,
.slide--cat-entry,
.salla-social,
.inner.bg-inherit {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.s-button.animate-in,
.s-product-card-content.animate-in,
.s-product-card-entry.animate-in,
.swiper-button-next.animate-in,
.swiper-button-prev.animate-in,
.store-footer__inner.animate-in,
.slide--cat-entry.animate-in,
.salla-social.animate-in,
.inner.bg-inherit.animate-in {
  opacity: 1;
  transform: translateY(0);
}

/* التعليقات */
.s-comments-product {
  background-color: var(--salla-main-bg) !important;
}

.s-quick-order-container.s-quick-order-default {
  background-color: var(--salla-product-card-wrapper) !important;
}

textarea.s-comment-form-input {
  background-color: var(--salla-cat-card-bg) !important;
  color: var(--salla-title-color) !important;
  border-radius: 8px !important;
  border: none !important;
}

/* بطاقة المنتج */
.s-products-slider-card,
.s-product-card-entry {
  transition: transform 0.5s ease, box-shadow 0.5s ease;
  position: relative;
  z-index: 5;
}

.s-products-slider-card:hover,
.s-product-card-entry:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
  z-index: 10;
}

/* تأكد من إظهار كل العناصر */
.swiper-wrapper,
.swiper-slide,
.s-products-slider,
.s-products-slider-wrapper {
  overflow: visible !important;
  position: relative;
  z-index: 0;
}

/* 🔄 حركة انسيابية لأقسام المتجر (دائرية) عند التمرير */
.slide--cat-entry {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  position: relative;
  z-index: 1;
}
.slide--cat-entry:hover {
  transform: translateY(-8px) scale(1.03);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  z-index: 10;
}

/* 🎁 تنسيق رسالة الشحن المجاني */
.store-notify.move-down {
  background-color: #d6cbb8 !important; /* لون ناعم ومتناسق مع المتجر */
  color: #3d2e1e !important; /* لون الخط بني غامق */
  font-weight: bold;
  text-align: center;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* ✅ تغيير خلفية الحقوق وطرق الدفع */
.store-footer__inner,
.store-footer__inner .container,
footer .container.text-center {
  background-color: #d6cbb8 !important; /* نفس لون الفوتر */
  color: #3d2e1e !important; /* بني واضح */
}

/* تغيير لون الخلفية والكتابة للحقوق وأسفل الفوتر */
.container.text-center {
  background-color: var(--salla-footer-bg, #d6cbb8) !important;
  color: var(--salla-title-color, #3d2e1e) !important;
  padding: 16px 0 !important;
  border-radius: 0 !important;
}

/* تعديل ألوان الرابط داخل الحقوق */
.container.text-center a {
  color: var(--salla-title-color, #3d2e1e) !important;
}
.container.text-center a:hover {
  color: var(--salla-title-hover, #8d6e4f) !important;
}

/* تصغير الزوايا (الفراغات) البيضاء في الجوانب إن وجدت */
.container.text-center {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 auto !important;
}

/* تحسين عرض رموز الدفع */
.s-payments-list-item img {
  max-width: 45px;
  height: auto;
  margin: 0 5px;
  opacity: 0.9;
  transition: transform 0.3s ease;
}
.s-payments-list-item img:hover {
  transform: scale(1.1);
  opacity: 1;
}

/* تنسيق خلفية الحقوق وأسفل الفوتر */
.container.text-center {
  background-color: var(--salla-footer-bg, #d6cbb8) !important;
  padding: 16px 0 !important;
  color: var(--salla-title-color, #3d2e1e) !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px;
}

/* تعديل النص داخل الحقوق */
.container.text-center .copyright-text p {
  margin: 0 !important;
  font-size: 14px;
  color: var(--salla-title-color, #3d2e1e) !important;
}

/* لون الرابط داخل الحقوق */
.container.text-center a {
  color: var(--salla-title-color, #3d2e1e) !important;
  text-decoration: none;
  font-weight: 500;
}
.container.text-center a:hover {
  color: var(--salla-title-hover, #8d6e4f) !important;
}

/* تنسيق رموز الدفع */
.s-payments-list-wrap {
  display: flex !important;
  justify-content: center !important;
}
.s-payments-list {
  display: flex !important;
  justify-content: center !important;
  gap: 8px;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}
.s-payments-list-item img {
  max-width: 45px;
  height: auto;
  opacity: 0.9;
  transition: transform 0.3s ease;
}
.s-payments-list-item img:hover {
  transform: scale(1.1);
  opacity: 1;
}

/* ضبط تنسيق الدفع */
.s-payments-list {
  display: flex !important;
  justify-content: center !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: -6px;
}

/* تكبير أيقونة مركز الأعمال السعودي */
.s-payments-list-item a[href*="eauthenticate.saudibusiness.gov.sa"] img {
  width: 70px !important;
  height: 70px !important;
  transform: scale(1.3);
}

/* تصغير باقي الأيقونات قليلًا */
.s-payments-list-item img:not([src*="sbc.png"]) {
  width: 48px !important;
  height: 48px !important;
  object-fit: contain;
}



/* توزيع الدفع بشكل متناسق مع مركز SBC بالوسط */
.s-payments-list {
  display: flex !important;
  justify-content: center !important;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  flex-direction: row;
}

/* شكل موحد لكل الأيقونات */
.s-payments-list-item {
  width: 58px;
  height: 58px;
  background-color: #ffffff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
}

/* حجم موحد لكل صور الدفع */
.s-payments-list-item img {
  width: 38px !important;
  height: 38px !important;
  object-fit: contain;
}

/* إجبار شعار SBC أن يظهر بالوسط */
.s-payments-list-item a[href*="eauthenticate.saudibusiness.gov.sa"] {
  order: 0; /* هذا يخليه أول، ولو تبيه وسط فعلاً جرب الكود التالي */
}

/* حيلة لجعل SBC في الوسط تمامًا عند عدد زوجي */
.s-payments-list-item:nth-child(4) {
  order: 99;
}        

#intercom-container,
#intercom-container iframe,
.intercom-launcher {
  display: none !important;
}