/body, html, .s-page, .page-content, #app {
    background-color: #F8F6F1 !important;
}

/* تغيير لون الهيدر (أعلى المتجر) */
header, .s-header, .header-container, nav.navbar {
    background-color: #432441 !important;
    color: #ffffff !important;
}

/* تغيير لون النصوص والأيقونات داخل الهيدر لتكون واضحة */
header a, header span, header .icon, .s-header a, .s-header span {
    color: #ffffff !important;
}

/* تغيير لون الفوتر (أسفل المتجر) */
footer, .s-footer, .footer-container {
    background-color: #432441 !important;
    color: #ffffff !important;
}

/* تغيير لون النصوص والأيقونات داخل الفوتر لتكون واضحة */
footer a, footer span, footer p, .s-footer a, .s-footer span {
    color: #ffffff !important;
}
/* 1. تغيير لون خلفية صفحة المتجر بالكامل */
body, html, .s-page, .page-content, #app {
    background-color: #F8F6F1 !important;
}

/* 2. تغيير لون أعلى المتجر (الهيدر) */
header, .s-header, .header-container, nav.navbar {
    background-color: #432441 !important;
    color: #ffffff !important;
}

header a, header span, header .icon, .s-header a, .s-header span {
    color: #ffffff !important;
}

/* 3. تغيير لون أسفل المتجر (الفوتر) */
footer, .s-footer, .footer-container {
    background-color: #432441 !important;
    color: #ffffff !important;
}

footer a, footer span, footer p, .s-footer a, .s-footer span {
    color: #ffffff !important;
}

/* 4. توحيد لون أيقونة السلة، شارات الأعداد، والأزرار المرتبطة بها لتكون بالدرجة المطلوبة */
.cart-icon, .s-cart-icon, [class*="cart"], .badge-cart, .header-cart, .cart-badge {
    background-color: #695463 !important;
    color: #ffffff !important;
}

/* زر إتمام الطلب / إضافة للسلة إن وجد في الهيدر أو القوائم السريعة */
.btn-cart, .add-to-cart, .s-btn-cart {
    background-color: #695463 !important;
    border-color: #695463 !important;
    color: #ffffff !important;
}/* 1. تحديث لون خلفية زر أضف إلى السلة */
button.btn.btn-product-add, 
.product-item .add-to-cart, 
.s-product-card .btn-add-to-cart,
button[class*="add-to-cart"] {
    background-color: #695463 !important;
    border-color: #695463 !important;
    color: #ffffff !important;
}

/* 2. تغيير لون أيقونة السلة والنص داخل الزر ليصبح واضحاً */
button.btn.btn-product-add *, 
.product-item .add-to-cart *, 
.s-product-card .btn-add-to-cart *,
button[class*="add-to-cart"] * {
    color: #ffffff !important;
    fill: #ffffff !important;

}/* تغيير لون خلفية صفحة المتجر بالكامل */
body, html, .s-page, .page-content, #app {
    background-color: #E4DAE2 !important;
  
}/* تغيير لون خلفية صفحة المتجر بالكامل */
body, html, .s-page, .page-content, #app {
    background-color: #FFF6FE !important;
}/* تغيير لون خلفية صفحة المتجر بالكامل */
body, html, .s-page, .page-content, #app {
    background-color: #432441 !important;
}
/* تغيير لون خلفية صفحة المتجر بالكامل */
body, html, .s-page, .page-content, #app {
    background-color: #F8F6F1 !important;
}

/* تغيير لون الهيدر (أعلى المتجر) */
header, .s-header, .header-container, nav.navbar {
    background-color: #432441 !important;
    color: #ffffff !important;
}

/* تغيير لون النصوص والأيقونات داخل الهيدر لتكون واضحة */
header a, header span, header .icon, .s-header a, .s-header span {
    color: #ffffff !important;
}

/* تغيير لون الفوتر (أسفل المتجر) */
footer, .s-footer, .footer-container {
    background-color: #432441 !important;
    color: #ffffff !important;
}

/* تغيير لون النصوص والأيقونات داخل الفوتر لتكون واضحة */
footer a, footer span, footer p, .s-footer a, .s-footer span {
    color: #ffffff !important;
}/* تغيير خلفية الفوتر (المنطقة السفلية) فقط باللون المطلوب */
footer, .s-footer, .footer-container, .site-footer, div[class*="footer"] {
    background-color: #CBBFC7 !important;
}

/* ضبط ألوان النصوص، الوصف، وروابط الفوتر لتكون واضحة (باللون الداكن) */
footer p, footer span, footer a, footer div, 
.s-footer p, .s-footer span, .s-footer a, .s-footer div,
.footer-container *, .site-footer * {
    color: #432441 !important;
}/* تغيير خلفية البطاقات البيضاء والمربعات في المتجر إلى اللون المطلوب */
.card, .s-card, .block-item, .feature-box, div[class*="card"], div[class*="box"], .s-block {
    background-color: #FDFAF2 !important;
}
/* تغيير خلفية البطاقات البيضاء والمربعات في المتجر إلى اللون المطلوب */
.card, .s-card, .block-item, .feature-box, div[class*="card"], div[class*="box"], .s-block {
    background-color: #FDFAF2 !important;
}*/