/* ==========================================
   1. توحيد خلفية الصفحة بالكامل وجميع الحاويات الرئيسية
   ========================================== */
html, 
body, 
#app, 
main, 
.site-content,
.main-content,
.store-home {
    background-color: #f3f1e6 !important;
}

/* ==========================================
   2. استهداف كافة الأقسام والبلوكات (s-block) في سلة
   ========================================== */
section, 
.s-block, 
[class*="s-block"], 
.s-block--full-bg,
.container {
    background-color: #f3f1e6 !important;
}

/* ==========================================
   3. توحيد المتغيرات الخاصة بـ Salla Web Components (Shadow DOM)
   ========================================== */
:root, 
body, 
[salla-categories-showcase],
[class*="categories-showcase"],
salla-categories-showcase,
salla-products-list,
salla-slider,
salla-banner {
    --section-bg: #f3f1e6 !important;
    --main-bg: #f3f1e6 !important;
    --bg-color: #f3f1e6 !important;
    background-color: #f3f1e6 !important;
}

/* ==========================================
   4. إزالة الخلفيات البيضاء من شبكات المنتجات والتصنيفات
   ========================================== */
.categories-grid,
.products-grid,
.s-block__title,
.s-block__header {
    background-color: transparent !important;
} 
/* ==========================================
   تغيير خلفية كروت المنتجات والحاويات الداخلية
   ========================================== */

/* 1. استهداف كارت المنتج المخصص من سلة */
salla-product-card,
.s-product-card,
.s-product-card-entry,
.s-product-card-content,
.s-product-card-vertical {
    background-color: #f3f1e6 !important;
    background: #f3f1e6 !important;
    border-color: transparent !important; /* إزالة الحدود إن وجدت */
}

/* 2. تغيير خلفية إطار الصورة والمعلومات داخل الكارت */
.s-product-card-image,
.s-product-card-image-wrapper,
.s-product-card-fit-height,
.s-product-card-body,
.s-product-card-footer {
    background-color: #f3f1e6 !important;
}

/* 3. تعديل المتغيرات الخاصة بكارت المنتج داخل Shadow DOM */
:root, 
salla-product-card {
    --card-bg: #f3f1e6 !important;
    --s-product-card-bg: #f3f1e6 !important;
}