/* =========================================
   DBA - CUSTOM CSS
   Saji Theme - Development Version
   ========================================= */

/* 1. ارتفاع فيديو الواجهة على الجوال */
@media (max-width: 767px) {
  #saji-hero-video-0 { height: 90vh !important; }
  #saji-hero-video-0 video { height: 90vh !important; }
}

/* 2. زر عرض الكل */
.s-slider-block__display-all {
  border: 1px solid #06343c !important;
  color: #06343c !important;
  background: transparent !important;
  transition: all .3s ease;
}
.s-slider-block__display-all:hover { background: #06343c !important; color: #ffffff !important; }

/* 3. أسهم السلايدر */
.s-slider-nav-arrow {
  border: 1px solid #06343c !important;
  color: #06343c !important;
  background: transparent !important;
  transition: all .3s ease;
}
.s-slider-nav-arrow svg { fill: #06343c !important; }
.s-slider-nav-arrow:hover { background: #06343c !important; }
.s-slider-nav-arrow:hover svg { fill: #ffffff !important; }

/* 4. إخفاء طبقة الخلفية الفارغة */
#slider-with-bg-6 > div:first-child { display: none !important; }

/* 5. إزالة مساحة صورة الخلفية */
#slider-with-bg-6 .slider-with-bg-data { padding-top: 0 !important; }

/* 6. ترتيب طبقة فيديو الواجهة */
#saji-hero-video-0 video { position: relative; z-index: 2; }

/* =========================================
   7. تبويبات الفروع في الوضع الداكن
   ========================================= */
html.dark #our-branches-11 .s-tabs-header-item.s-tabs-bg-normal {
  color: #E0E5D2 !important;
  border-color: #A6B29C !important;
}
html.dark #our-branches-11 .s-tabs-header-item.s-tabs-bg-normal span,
html.dark #our-branches-11 .s-tabs-header-item.s-tabs-bg-normal i {
  color: #E0E5D2 !important;
}

/* =========================================
   8. الأسعار العادية في بطاقات المنتجات
   ========================================= */
html:not(.dark) custom-salla-product-card .price-wrapper strong.sale-price {
  color: #666666 !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
}
html.dark custom-salla-product-card .price-wrapper strong.sale-price {
  color: #D0D0C8 !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
}

/* =========================================
   9. السعر بعد الخصم في بطاقات المنتجات
   ========================================= */
html:not(.dark) custom-salla-product-card .price-wrapper .product-entry__price:has(.regular-price) strong.sale-price {
  color: #B42332 !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
}
html.dark custom-salla-product-card .price-wrapper .product-entry__price:has(.regular-price) strong.sale-price {
  color: #FF8585 !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
}

/* =========================================
   10. السعر الأصلي مع شطب مائل في بطاقات المنتجات
   ========================================= */
custom-salla-product-card .price-wrapper span.regular-price {
  position: relative !important;
  display: inline-block !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
html:not(.dark) custom-salla-product-card .price-wrapper span.regular-price { color: #777777 !important; }
html.dark custom-salla-product-card .price-wrapper span.regular-price { color: #C5C8BD !important; }
custom-salla-product-card .price-wrapper span.regular-price::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 50% !important;
  height: 1.5px !important;
  background: #B42332 !important;
  transform: rotate(-10deg) !important;
  transform-origin: center !important;
  pointer-events: none !important;
}
html.dark custom-salla-product-card .price-wrapper span.regular-price::after { background: #FF8585 !important; }

/* =========================================
   11. شارة التوفير التلقائية في بطاقات المنتجات
   ========================================= */
custom-salla-product-card .product-entry__image { position: relative; }
custom-salla-product-card .product-entry__image::after { content: none !important; }
custom-salla-product-card .product-entry__image > .dba-discount-badge {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  right: auto !important;
  z-index: 20 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: calc(100% - 20px) !important;
  padding: 7px 11px !important;
  background: #B42332 !important;
  color: #FFFFFF !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.18);
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: none !important;
}
@media (max-width: 767px) {
  custom-salla-product-card .product-entry__image > .dba-discount-badge {
    top: 7px !important;
    left: 7px !important;
    font-size: 11px !important;
    padding: 5px 8px !important;
    border-radius: 5px !important;
  }
}

/* =========================================
   12. أسعار صفحة تفاصيل المنتج - شكل 2
   ========================================= */
/* 12.1 السعر الحالي غير المخفض - العادي */
html:not(.dark) .saji-pdp__price-display .starting-or-normal-price strong,
html:not(.dark) .saji-pdp__price-display .starting-or-normal-price .total-price {
  color: #666666 !important;
  font-weight: 700 !important;
}
/* 12.2 السعر الحالي غير المخفض - الداكن */
html.dark .saji-pdp__price-display .starting-or-normal-price strong,
html.dark .saji-pdp__price-display .starting-or-normal-price .total-price {
  color: #D0D0C8 !important;
  font-weight: 700 !important;
}
/* 12.3 السعر بعد الخصم - العادي */
html:not(.dark) .saji-pdp__price-display .price_is_on_sale strong.total-price {
  color: #B42332 !important;
  font-weight: 800 !important;
}
/* 12.4 السعر بعد الخصم - الداكن */
html.dark .saji-pdp__price-display .price_is_on_sale strong.total-price {
  color: #FF8585 !important;
  font-weight: 800 !important;
}
/* 12.5 السعر الأصلي قبل الخصم */
.saji-pdp__price-display .price_is_on_sale span.before-price {
  position: relative !important;
  display: inline-block !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
/* 12.6 لون السعر الأصلي - العادي */
html:not(.dark) .saji-pdp__price-display .price_is_on_sale span.before-price { color: #777777 !important; }
/* 12.7 لون السعر الأصلي - الداكن */
html.dark .saji-pdp__price-display .price_is_on_sale span.before-price { color: #C5C8BD !important; }
/* 12.8 الشطب المائل الأحمر */
.saji-pdp__price-display .price_is_on_sale span.before-price::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 50% !important;
  height: 1.5px !important;
  background: #B42332 !important;
  transform: rotate(-10deg) !important;
  transform-origin: center !important;
  pointer-events: none !important;
}
/* 12.9 لون الشطب الداكن */
html.dark .saji-pdp__price-display .price_is_on_sale span.before-price::after { background: #FF8585 !important; }
/* 12.10 الحفاظ على عداد التوفير: لا تعديل .saji-pdp__save */

/* =========================================
   13. تحسين أزرار السلة الجانبية في الوضع الداكن فقط
   ========================================= */
html.dark #saji-side-cart .saji-sc__actions .saji-sc__checkout {
  background-color: #B8BF92 !important;
  color: #232323 !important;
}
html.dark #saji-side-cart .saji-sc__actions .saji-sc__btn {
  background-color: #52563D !important;
  color: #FFFFFF !important;
  border: 1px solid #B8BF92 !important;
}
html.dark #saji-side-cart .saji-sc__actions .saji-sc__btn:hover {
  background-color: #B8BF92 !important;
  color: #232323 !important;
}

/* =========================================
   14. تحسين خيارات المقاسات داخل السلة الجانبية
       في الوضع الداكن فقط
   ========================================= */
html.dark #saji-side-cart .s-product-options-option-label {
  color: #F2E9D1 !important;
  opacity: 1 !important;
}
html.dark #saji-side-cart .s-product-options-grid-mode label:has(input[type="radio"]:not(:checked):not(:disabled)) .s-product-options-grid-mode-span {
  color: #F2E9D1 !important;
  background-color: transparent !important;
  border: 1px solid #B8BF92 !important;
  opacity: 1 !important;
}
html.dark #saji-side-cart .s-product-options-grid-mode label:has(input[type="radio"]:checked) .s-product-options-grid-mode-span {
  color: #232323 !important;
  background-color: #B8BF92 !important;
  border: 1px solid #B8BF92 !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}
html.dark #saji-side-cart .s-product-options-grid-mode label:has(input[type="radio"]:disabled) .s-product-options-grid-mode-span {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
}
html.dark #saji-side-cart .s-product-options-grid-mode label:has(input[type="radio"]:not(:checked):not(:disabled)):hover .s-product-options-grid-mode-span {
  background-color: #52563D !important;
  color: #FFFFFF !important;
  border-color: #E0E5D2 !important;
}

/* =========================================
   15. تحسين المبلغ الإجمالي للسلة الجانبية
       في الوضع الداكن فقط
   ========================================= */
html.dark #saji-side-cart [data-saji-side-cart-total] {
  color: #F2E9D1 !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}
html.dark #saji-side-cart [data-saji-side-cart-total] .sicon-sar {
  color: inherit !important;
  opacity: 1 !important;
}

/* =========================================
   16. تحسين شريط الشحن المجاني في الوضع الداكن فقط
   ========================================= */
html.dark #saji-side-cart .saji-sc__free-shipping-bar-track {
  background-color: #52563D !important;
}
html.dark #saji-side-cart [data-saji-side-cart-free-shipping-progress] {
  background-color: #E0E5D2 !important;
}
html.dark #free-shipping #free-shipping-bar {
  background-color: #52563D !important;
}
html.dark #free-shipping #free-shipping-bar .progress-bg {
  background-color: #E0E5D2 !important;
}
html.dark #free-shipping #free-shipping-bar .progress-bg .sicon-shipping-fast {
  color: #F2E9D1 !important;
}
/* لا نغير width أو transition لأن النسبة تُحسب تلقائيًا */

/* =========================================
   17. وضوح المقاسات ومجموع كل منتج
       في صفحة سلة التسوق الكاملة - الوضع الداكن فقط
       النطاق: .cart-item في صفحة .page-container
       دون التأثير على السلة الجانبية أو صفحة المنتج
   ========================================= */
/* 17.1 اسم خيار المقاس وحقل الشرح */
html.dark .page-container .cart-item .s-product-options-option-label,
html.dark .page-container .cart-item .s-product-options-option-label b,
html.dark .page-container .cart-item .s-product-options-option-label small {
  color: #F2E9D1 !important;
  opacity: 1 !important;
}

/* 17.2 المقاس غير المحدد والمتاح */
html.dark .page-container .cart-item .s-product-options-grid-mode label:has(input[type="radio"]:not(:checked):not(:disabled)) .s-product-options-grid-mode-span {
  color: #F2E9D1 !important;
  background-color: transparent !important;
  border: 1px solid #B8BF92 !important;
  opacity: 1 !important;
}

/* 17.3 المقاس المحدد */
html.dark .page-container .cart-item .s-product-options-grid-mode label:has(input[type="radio"]:checked) .s-product-options-grid-mode-span {
  color: #232323 !important;
  background-color: #B8BF92 !important;
  border: 1px solid #B8BF92 !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}

/* 17.4 المقاسات غير المتاحة: إبقاء حالة التعطيل واضحة */
html.dark .page-container .cart-item .s-product-options-grid-mode label:has(input[type="radio"]:disabled) .s-product-options-grid-mode-span {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
}

/* 17.5 تفاعل المرور على المقاس المتاح */
html.dark .page-container .cart-item .s-product-options-grid-mode label:has(input[type="radio"]:not(:checked):not(:disabled)):hover .s-product-options-grid-mode-span {
  color: #FFFFFF !important;
  background-color: #52563D !important;
  border-color: #E0E5D2 !important;
}

/* 17.6 مجموع سعر كل منتج ورمز الريال */
html.dark .page-container .cart-item [data-testid="store-cart-item-total"],
html.dark .page-container .cart-item [data-testid="store-cart-item-total"] .sicon-sar {
  color: #F2E9D1 !important;
  opacity: 1 !important;
}

/* 17.7 كلمة المجموع الخاصة بكل منتج */
html.dark .page-container .cart-item p:has(> [data-testid="store-cart-item-total"]) {
  color: #E0E5D2 !important;
}

/* =========================================
   18. تحسين قراءة وصف المنتج ورابط اقرأ المزيد
       داخل صفحة تفاصيل المنتج - الوضع الداكن فقط
       لا يغيّر الطول أو وظيفة التوسعة
   ========================================= */

/* 18.1 النص الأساسي للفقرات والقوائم */
html.dark .saji-pdp__info [data-testid="store-product-description"],
html.dark .saji-pdp__info [data-testid="store-product-description"] p,
html.dark .saji-pdp__info [data-testid="store-product-description"] li {
  color: #E0E5D2 !important;
  opacity: 1 !important;
}

/* 18.2 العناوين والتأكيدات داخل الوصف */
html.dark .saji-pdp__info [data-testid="store-product-description"] strong,
html.dark .saji-pdp__info [data-testid="store-product-description"] b,
html.dark .saji-pdp__info [data-testid="store-product-description"] h2,
html.dark .saji-pdp__info [data-testid="store-product-description"] h3,
html.dark .saji-pdp__info [data-testid="store-product-description"] h4 {
  color: #F2E9D1 !important;
  opacity: 1 !important;
}

/* 18.3 علامات القوائم */
html.dark .saji-pdp__info [data-testid="store-product-description"] li::marker {
  color: #B8BF92 !important;
}

/* 18.4 رابط اقرأ المزيد / اقرأ أقل */
html.dark .saji-pdp__info #btn-show-more {
  color: #F2E9D1 !important;
  text-decoration-color: #B8BF92 !important;
  opacity: 1 !important;
}
html.dark .saji-pdp__info #btn-show-more:hover,
html.dark .saji-pdp__info #btn-show-more:focus-visible {
  color: #FFFFFF !important;
  text-decoration-color: #FFFFFF !important;
}

/* لا نغيّر max-height أو event handlers أو أي شيء متعلق بفتح الوصف */


/* =========================================
   18.5 تصحيح النصوص الداكنة المتبقية حول الوصف
   في صفحة تفاصيل المنتج - الوضع الداكن فقط
   ========================================= */
/* العنوان التمهيدي للوصف خارج حاوية الوصف */
html.dark .saji-pdp__info > .product-entry__sub-title,
html.dark .saji-pdp__info .product-entry__sub-title {
  color: #F2E9D1 !important;
  opacity: 1 !important;
}

/* بعض أوصاف المنتجات تحتوي على span أو ألوان مضمنة */
html.dark .saji-pdp__info [data-testid="store-product-description"] :is(span, em, i, a, div) {
  color: #E0E5D2 !important;
  opacity: 1 !important;
}
html.dark .saji-pdp__info [data-testid="store-product-description"] :is(strong, b, h1, h2, h3, h4, h5, h6),
html.dark .saji-pdp__info [data-testid="store-product-description"] :is(strong, b, h1, h2, h3, h4, h5, h6) * {
  color: #F2E9D1 !important;
  opacity: 1 !important;
}

/* =========================================
   19. وضوح رقم الموديل وخيارات المقاسات
       في صفحة تفاصيل المنتج - الداكن فقط
       لا يغيّر حالة المقاس أو وظيفة الاختيار
   ========================================= */

/* 19.1 رقم الموديل والأيقونة ونصه الثانوي */
html.dark .saji-pdp__info .product-sku,
html.dark .saji-pdp__info .product-sku :is(span, div, i, small) {
  color: #E0E5D2 !important;
  opacity: 1 !important;
}

/* 19.2 عنوان الحقل والنص الإرشادي (اختر) */
html.dark .saji-pdp__options .s-product-options-option-label,
html.dark .saji-pdp__options .s-product-options-option-label :is(b, strong, span, small),
html.dark .saji-pdp__options .s-product-options-option > label,
html.dark .saji-pdp__options .s-product-options-option > label :is(b, strong, span, small) {
  color: #F2E9D1 !important;
  opacity: 1 !important;
}

/* 19.3 المقاسات المتاحة غير المختارة */
html.dark .saji-pdp__options .s-product-options-grid-mode label:has(input[type="radio"]:not(:checked):not(:disabled)) .s-product-options-grid-mode-span {
  color: #F2E9D1 !important;
  background-color: transparent !important;
  border: 1px solid #B8BF92 !important;
  opacity: 1 !important;
}

/* 19.4 المقاس المختار */
html.dark .saji-pdp__options .s-product-options-grid-mode label:has(input[type="radio"]:checked) .s-product-options-grid-mode-span {
  color: #232323 !important;
  background-color: #B8BF92 !important;
  border: 1px solid #B8BF92 !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}

/* 19.5 المقاسات المعطلة تظل مختلفة بصرياً */
html.dark .saji-pdp__options .s-product-options-grid-mode label:has(input[type="radio"]:disabled) .s-product-options-grid-mode-span {
  color: #B8BF92 !important;
  background-color: transparent !important;
  border-color: #808561 !important;
  opacity: .55 !important;
  cursor: not-allowed !important;
}

/* 19.6 إبراز المرور على المقاس المتاح فقط */
html.dark .saji-pdp__options .s-product-options-grid-mode label:has(input[type="radio"]:not(:checked):not(:disabled)):hover .s-product-options-grid-mode-span {
  color: #FFFFFF !important;
  background-color: #52563D !important;
  border-color: #E0E5D2 !important;
}

/* 19.7 رابط التصنيف الظاهر فوق عنوان المنتج */
html.dark .saji-pdp__info .saji-pdp__header a {
  color: #E0E5D2 !important;
  opacity: 1 !important;
}

/* لا تغييرات على JavaScript أو السعر أو عنصر input نفسه */

/* =========================================
   20. تحسين عنوان المقاسات ونص «اختر»
       في السلة الجانبية وصفحة السلة الكاملة
       الوضع الداكن فقط، دون تغيير خيارات المقاس
   ========================================= */

/* 20.1 السلة الجانبية: عنوان المقاس والنص الإرشادي */
html.dark #saji-side-cart .s-product-options-option-label,
html.dark #saji-side-cart .s-product-options-option-label :is(b, strong, span, small),
html.dark #saji-side-cart .s-product-options-option > label:first-child,
html.dark #saji-side-cart .s-product-options-option > label:first-child :is(b, strong, span, small) {
  color: #F2E9D1 !important;
  opacity: 1 !important;
}

/* 20.2 صفحة السلة الكاملة: عنوان المقاس والنص الإرشادي */
html.dark .page-container .cart-item .s-product-options-option-label,
html.dark .page-container .cart-item .s-product-options-option-label :is(b, strong, span, small),
html.dark .page-container .cart-item .s-product-options-option > label:first-child,
html.dark .page-container .cart-item .s-product-options-option > label:first-child :is(b, strong, span, small) {
  color: #F2E9D1 !important;
  opacity: 1 !important;
}

/* لا تغيير لأزرار المقاسات أو لحالات checked / disabled أو JavaScript */

/* =========================================
   21. وضوح زر «عرض الكل» في الوضع الداكن
       ألوان فقط، دون تغيير الرابط أو وظيفة الزر
   ========================================= */
html.dark .s-slider-block__display-all {
  color: #E0E5D2 !important;
  border: 1px solid #B8BF92 !important;
  background: transparent !important;
}

html.dark .s-slider-block__display-all:hover,
html.dark .s-slider-block__display-all:focus-visible {
  color: #232323 !important;
  background: #E0E5D2 !important;
  border-color: #E0E5D2 !important;
}

/* =========================================
   22. تحسين تباين أبرز المنتجات - الوضع الداكن فقط
       تبويبات التصنيف، أسهم السلايدر، أزرار البطاقات
       دون تغيير وظيفتها أو مواقعها
   ========================================= */

/* 22.1 التبويبات غير النشطة: نرفع تباين النص والحدود */
html.dark #s-block--products-tabs-7 .s-tabs-header-item.s-tabs-bg-normal:not(.s-tabs-active) {
  color: #E0E5D2 !important;
  border-color: #B8BF92 !important;
}
html.dark #s-block--products-tabs-7 .s-tabs-header-item.s-tabs-bg-normal:not(.s-tabs-active) :is(span, i) {
  color: #E0E5D2 !important;
}

/* 22.2 التبويب النشط: يبقى مميزًا بلون العلامة */
html.dark #s-block--products-tabs-7 .s-tabs-header-item.s-tabs-active {
  color: #F2E9D1 !important;
  border-color: #B8BF92 !important;
}
html.dark #s-block--products-tabs-7 .s-tabs-header-item.s-tabs-active :is(span, i) {
  color: inherit !important;
}

/* 22.3 أسهم سلايدر أبرز المنتجات فقط */
html.dark #s-block--products-tabs-7 .s-slider-nav-arrow {
  color: #E0E5D2 !important;
  border: 1px solid #B8BF92 !important;
  background: transparent !important;
}
html.dark #s-block--products-tabs-7 .s-slider-nav-arrow :is(svg, path) {
  color: #E0E5D2 !important;
  fill: currentColor !important;
}
html.dark #s-block--products-tabs-7 .s-slider-nav-arrow:is(:hover, :focus-visible):not(:disabled) {
  color: #232323 !important;
  background: #E0E5D2 !important;
}
html.dark #s-block--products-tabs-7 .s-slider-nav-arrow:is(:hover, :focus-visible):not(:disabled) :is(svg, path) {
  color: #232323 !important;
}
/* لا نجبر الأسهم المعطلة على الظهور كأزرار نشطة */

/* 22.4 أزرار بطاقات أبرز المنتجات: تحكم عبر متغيرات الثيم */
html.dark #s-block--products-tabs-7 custom-salla-product-card {
  --product-btns-bg: #808561;
  --product-btns-color: #F2E9D1;
}

/* ضمان التباين إذا كانت ألوان الزر مضبوطة بقاعدة سابقة أقوى */
html.dark #s-block--products-tabs-7 custom-salla-product-card .product-form__buttons :is(.btn--wishlist-product, .product-popup-trigger, .product_addcart_mini) {
  background-color: #808561 !important;
  color: #F2E9D1 !important;
}
html.dark #s-block--products-tabs-7 custom-salla-product-card .product-form__buttons :is(.btn--wishlist-product, .product-popup-trigger, .product_addcart_mini) :is(i, svg) {
  color: inherit !important;
}

/* =========================================
   23. تحسين تباين القائمة الجانبية لحساب العميل
       الوضع الداكن فقط - روابط وأيقونات الحساب
       دون تغيير لون تسجيل الخروج أو وظائف الروابط
   ========================================= */

/* 23.1 الروابط العادية وعناوينها وأيقوناتها */
html.dark .saji-customer-nav .s-user-menu-dropdown-item:not(.s-user-menu-dropdown-item-logout) > .s-user-menu-dropdown-item-link,
html.dark .saji-customer-nav .s-user-menu-dropdown-item:not(.s-user-menu-dropdown-item-logout) > .s-user-menu-dropdown-item-link .s-user-menu-dropdown-item-title,
html.dark .saji-customer-nav .s-user-menu-dropdown-item:not(.s-user-menu-dropdown-item-logout) > .s-user-menu-dropdown-item-link .s-user-menu-dropdown-item-prefix {
  color: #E0E5D2 !important;
  opacity: 1 !important;
}

/* 23.2 التفاعل عند المرور بالماوس أو لوحة المفاتيح */
html.dark .saji-customer-nav .s-user-menu-dropdown-item:not(.s-user-menu-dropdown-item-logout) > .s-user-menu-dropdown-item-link:is(:hover, :focus-visible) {
  background-color: #52563D !important;
  color: #FFFFFF !important;
}
html.dark .saji-customer-nav .s-user-menu-dropdown-item:not(.s-user-menu-dropdown-item-logout) > .s-user-menu-dropdown-item-link:is(:hover, :focus-visible) :is(.s-user-menu-dropdown-item-title, .s-user-menu-dropdown-item-prefix) {
  color: #FFFFFF !important;
}

/* لا نغير تسجيل الخروج، أو الوضع الفاتح، أو جداول الطلبات */

/* =========================================
   24. تحسين لون عبارة تسجيل الخروج في حساب العميل
       الوضع الداكن فقط - دون تغيير أيقونة الخروج
       أو الروابط الأخرى أو وظائفها
   ========================================= */
html.dark .saji-customer-nav .s-user-menu-dropdown-item-logout .s-user-menu-dropdown-item-title {
  color: #F2E9D1 !important;
  opacity: 1 !important;
}

/* =========================================
   25. منع تداخل شارة التوفير مع شارة توفر المنتج
       بطاقات المنتجات فقط - الوضع الفاتح والداكن
       إبقاء شارة التوفر والمقاسات في مواضعها
   ========================================= */
custom-salla-product-card .product-entry__image > .dba-discount-badge {
  top: 46px !important;
}

@media (max-width: 767px) {
  custom-salla-product-card .product-entry__image > .dba-discount-badge {
    top: 42px !important;
  }
}