/* Add custom CSS styles below */ 
.s-product-card-vertical,#search-close{
    background-color:black;
}
#popular-tags a{
   background-color:black; 
}
.s-block--tabs-produtcs{
 background-color:#161616;
}
.s-product-card-vertical .s-product-card-wishlist-btn button{
   background-color:#161616;
    border:0 !important;
}
/* =========================================
   Product Card - White & Yellow Only
   ========================================= */

/* النص الفرعي - التصنيف */
.flex-1 > span.text-zinc-500 {
    color: var(--color-font) !important;
}

/* النص الرئيسي - عنوان المنتج */
.flex-1 h3.text-zinc-900 {
    color: var(--color-secondary) !important;
}

/* السعر الرئيسي */
.flex-1 .text-red-600 {
    color: var(--color-secondary) !important;
}

/* السعر القديم */
.flex-1 .text-zinc-400 {
    color: rgba(255, 255, 255, 0.65) !important;
}

/* وصف المنتج */
.flex-1 p.text-zinc-600 {
    color: var(--color-font) !important;
}

.s-product-card-vertical .s-product-card-wishlist-btn button{
    background:#161616 !important;   
}
.quick-view salla-add-product-button button::after {
    background: #707070;
}
.quick-view salla-add-product-button button {
    background: #000000;
}
/* =========================================
   Quick View - Text Colors Only
   ========================================= */

/* عنوان المنتج - Main Text */
.qv-info .qv-title {
    color: var(--color-primary) !important;
}

/* السعر الحالي - Main Price */
.qv-info .qv-price-wrapper .text-font {
    color: var(--color-primary) !important;
}

/* السعر القديم */
.qv-info .qv-price-wrapper .text-gray-400 {
    color: rgba(255, 255, 255, 0.65) !important;
}

/* نص الشحن */
.qv-info > p.text-gray-500 {
    color: var(--color-font) !important;
}

/* رابط الشحن */
.qv-info > p.text-gray-500 a {
    color: var(--color-primary) !important;
}

/* حالة المنتج */
.qv-info .qv-stock .text-green-600 {
    color: var(--color-font) !important;
}

/* الوصف */
.qv-info .qv-description {
    color: var(--color-font) !important;
} 
..s-product-card-vertical,#search-close{
    background-color:black;
}
#popular-tags a{
   background-color:black; 
}
.s-block--tabs-produtcs{
 background-color:#161616;
}
.s-product-card-vertical .s-product-card-wishlist-btn button{
   background-color:#161616;
    border:0 !important;
}
/* =========================================
   Product Card - White & Yellow Only
   ========================================= */

/* النص الفرعي - التصنيف */
.flex-1 > span.text-zinc-500 {
    color: var(--color-font) !important;
}

/* النص الرئيسي - عنوان المنتج */
.flex-1 h3.text-zinc-900 {
    color: var(--color-secondary) !important;
}

/* السعر الرئيسي */
.flex-1 .text-red-600 {
    color: var(--color-secondary) !important;
}

/* السعر القديم */
.flex-1 .text-zinc-400 {
    color: rgba(255, 255, 255, 0.65) !important;
}

/* وصف المنتج */
.flex-1 p.text-zinc-600 {
    color: var(--color-font) !important;
}

.s-product-card-vertical .s-product-card-wishlist-btn button{
    background:#161616 !important;   
}
.quick-view salla-add-product-button button::after {
    background: #707070;
}
.quick-view salla-add-product-button button {
    background: #000000;
}
/* =========================================
   Quick View - Text Colors Only
   ========================================= */

/* عنوان المنتج - Main Text */
.qv-info .qv-title {
    color: var(--color-primary) !important;
}

/* السعر الحالي - Main Price */
.qv-info .qv-price-wrapper .text-font {
    color: var(--color-primary) !important;
}

/* السعر القديم */
.qv-info .qv-price-wrapper .text-gray-400 {
    color: rgba(255, 255, 255, 0.65) !important;
}

/* نص الشحن */
.qv-info > p.text-gray-500 {
    color: var(--color-font) !important;
}

/* رابط الشحن */
.qv-info > p.text-gray-500 a {
    color: var(--color-primary) !important;
}

/* حالة المنتج */
.qv-info .qv-stock .text-green-600 {
    color: var(--color-font) !important;
}

/* الوصف */
.qv-info .qv-description {
    color: var(--color-font) !important;
}
.text-gray-900{
    color: var(--color-primary) !important;
    
}

#openShareModal{
    color:var(--color-primary)
}
/* =========================================
   Breadcrumb - Theme Colors
   ========================================= */

/* كل عناصر الـ Breadcrumb */
.s-breadcrumb-wrapper .s-breadcrumb-item {
    color: var(--color-font) !important;
}

/* روابط الـ Breadcrumb */
.s-breadcrumb-wrapper .s-breadcrumb-item a {
    color: var(--color-font) !important;
}

/* المنتج الحالي */
.s-breadcrumb-wrapper .s-breadcrumb-item:last-child {
    color: var(--color-primary) !important;
}

/* الأسهم */
.s-breadcrumb-wrapper .s-breadcrumb-arrow {
    color: var(--color-font) !important;
}

/* SVG arrows */
.s-breadcrumb-wrapper .s-breadcrumb-arrow svg {
    fill: var(--color-font) !important;
}

/* Hover */
.s-breadcrumb-wrapper .s-breadcrumb-item a:hover {
    color: var(--color-primary) !important;
}
/* عنوان شحن مجاني */
#free-shipping .shipping-item.font-bold {
    color: var(--color-primary) !important;
}

/* النص الفرعي */
#free-shipping p.shipping-item {
    color: var(--color-font) !important;
}

/* النص داخل رسالة الشحن */
#free-shipping #free-shipping-msg {
    color: var(--color-font) !important;
}

/* القيم المهمة داخل الرسالة */
#free-shipping #free-shipping-msg b {
    color: var(--color-primary) !important;
}

/* أيقونة الشحن */
#free-shipping .bg-primary {
    background-color: var(--color-primary) !important;
    color: var(--color-font) !important;
}

/* خلفية الـ progress */
#free-shipping-bar {
    background-color: var(--color-border) !important;
}

/* الـ progress نفسه */
#free-shipping-bar .progress-bg {
    background-color: var(--color-primary) !important;
}

/* أيقونة الشحن الموجودة فوق الـ progress */
#free-shipping-bar .progress-bg i {
    color: var(--color-primary) !important;
}


/* =========================================
   Gifting Widget
   ========================================= */

/* عنوان الهدية */
#cart-gifting .s-list-tile-item-title h3 {
    color: var(--color-primary) !important;
}

/* وصف الهدية */
#cart-gifting .s-list-tile-item-subtitle {
    color: var(--color-font) !important;
}

#cart-gifting .s-list-tile-item-subtitle div {
    color: var(--color-font) !important;
}

/* أيقونة الهدية */
#cart-gifting .s-list-tile-item-icon,
#cart-gifting .s-list-tile-item-icon svg {
    color: var(--color-primary) !important;
    fill: var(--color-primary) !important;
}


/* =========================================
   Order Summary
   ========================================= */

/* عنوان ملخص الطلب */
.shadow-default h2 {
    color: var(--color-primary) !important;
}

/* كل النصوص الثانوية */
.shadow-default .text-gray-500 {
    color: var(--color-font) !important;
}

/* الأسعار والقيم */
.shadow-default #sub-total,
.shadow-default #shipping-cost b,
.shadow-default #total-discount b,
.shadow-default [data-cart-total] {
    color: var(--color-primary) !important;
}

/* أيقونة الريال داخل الأسعار */
.shadow-default b .sicon-sar {
    color: var(--color-primary) !important;
}

/* الإجمالي */
.shadow-default .text-lg span {
    color: var(--color-font) !important;
}

.shadow-default .text-lg b {
    color: var(--color-primary) !important;
}
ولو عايزها أدق وما تأثرش على أي shadow-default تاني في الصفحة

الأفضل نربط آخر جزء بالـ container الخاص بملخص الطلب بدل .shadow-default العام:

/* =========================================
   Order Summary - Scoped
   ========================================= */

.shadow-default:has(#sub-total) h2 {
    color: var(--color-primary) !important;
}

.shadow-default:has(#sub-total) .text-gray-500 {
    color: var(--color-font) !important;
}

.shadow-default:has(#sub-total) #sub-total,
.shadow-default:has(#sub-total) #shipping-cost b,
.shadow-default:has(#sub-total) #total-discount b,
.shadow-default:has(#sub-total) [data-cart-total] {
    color: var(--color-primary) !important;
}

.shadow-default:has(#sub-total) .text-lg span {
    color: var(--color-font) !important;
}

.shadow-default:has(#sub-total) .text-lg b {
    color: var(--color-primary) !important;
}
.bg-gray-50{
   background-color: var(--color-background); 
}