/*
====================================
تخصيص الألوان لمتجر سلة - الكود المحدث
====================================
*/

/* 1. الألوان العامة وخلفية الصفحة الفاتحة الترابية */
body {
    background-color: #F9F4EC; /* لون فاتح ترابي للخلفية الرئيسية */
    color: #3e2b24; /* لون الكتابة الرئيسي (غامق) */
}

/* 2. الرأس (Header) والقدم (Footer) والخلفية الداكنة */
/* تعزيز محددات ذيل الصفحة لضمان اللون الغامق */
header, 
footer, 
.s-footer-main, 
.s-header-main,
.footer-container, 
.s-footer-links-container { /* محددات إضافية لذيل الصفحة */
    background-color: #3e2b24 !important; /* لون داكن موحد لخلفية الرأس والقدم */
}

/* لون الكتابة والنصوص والروابط داخل الرأس والقدم باللون الأبيض */
header a, header p, header h1, header h2, header h3,
footer a, footer p, footer h1, footer h2, footer h3,
.s-footer-main a, .s-footer-main p, .s-header-main a,
.footer-container a, .footer-container p, .s-footer-links-container a, .s-footer-links-container h3 {
    color: #3e2b24 !important; /* لون أبيض للكتابة والروابط على الخلفية الداكنة */
}

/* 3. لون اسم المنتج (الغامق) */
.product-title a, .product-card-name a, .s-product-name a {
    color: #3e2b24 !important; /* لون غامق لاسم المنتج */
    text-decoration: none;
}

/* 4. لون السعر (الأخضر) */
.price, .product-price, .s-product-price, .s-price {
    color: #3e2b24 !important; /* لون أخضر للسعر */
    font-weight: bold; 
}

/* 5. زر "إضافة إلى السلة" - فاتح ببرواز غامق وثبات اللون */
.add-to-cart-btn, .s-btn-add-to-cart, .btn-primary, .s-btn-primary {
    background-color: #F9F4EC !important; /* خلفية فاتحة للزر */
    color: #5E4B40 !important; /* نص غامق */
    border: 2px solid #5E4B40 !important; /* برواز غامق */
    border-radius: 5px;
    transition: none !important; /* إلغاء الانتقالات */
}

/* ثبات لون الزر عند التمرير (Hover) أو النقر (Active) */
.add-to-cart-btn:hover, .s-btn-add-to-cart:hover, .btn-primary:hover, .s-btn-primary:hover,
.add-to-cart-btn:active, .s-btn-add-to-cart:active, .btn-primary:active, .s-btn-primary:active {
    background-color: #F9F4EC !important; /* يبقى فاتحاً */
    color: #5E4B40 !important; /* يبقى النص غامقاً */
    border-color: #5E4B40 !important; /* يبقى البرواز غامقاً */
    box-shadow: none !important; 
}

/* 6. لون قائمة التنقل (القائمة الرئيسية) - غامق وكتابة بيضاء */
.s-header-navbar, .s-menu-container, .main-navigation {
    background-color: #5E4B40 !important; 
}

.s-header-navbar a, .s-menu-container a, .main-navigation a,
.s-header-navbar p, .s-menu-container p, .main-navigation p {
    color: #FFFFFF !important; 
}

.s-header-navbar a:hover, .s-menu-container a:hover, .main-navigation a:hover {
    color: #F9F4EC !important; /* لون فاتح ترابي عند التمرير */
}