/* توحيد لون الخلفيات في كامل الموقع */

/* الخلفية العامة */
body,
html,
.main-content,
.container,
.section,
.header,
.navbar,
.footer,
.sidebar,
.category-list,
.product-list,
.page-content,
.breadcrumb,
.bottom-bar,
.top-bar {
    background-color: #f2ede5 !important;
    color: #333333 !important; /* لون النص رمادي غامق مريح للعين */
    font-family: 'Tajawal', sans-serif;
}


/* الصناديق / الكروت */
.card,
.product-card,
.category-card,
.widget,
.footer-widgets {
    background-color: #fefefe !important; /* درجة أفتح لتبرز عن الخلفية */
    border: none !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover,
.product-card:hover,
.category-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}
/* تغيير لون الأزرار */
button, 
.btn, 
.product-card__button, 
.add-to-cart-btn {
    background-color: #f2ede5 !important;
    color: #000000 !important; /* لون النص أسود للتباين */
}

/* تعديل خلفية القوائم والفوتر */
.site-footer,
.footer,
.footer-bottom,
.footer-widgets {
    background-color: #f2ede5 !important;
    border-top: 1px solid #ddd !important;
    padding-top: 20px;
}





html, body {
    background-color: #f2ede5 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow-x: hidden; /* يمنع شريط التمرير الأفقي */
}

.main-content,
.container,
.section {
    background-color: #f2ede5 !important;
    margin: 0 auto !important;
    max-width: 100% !important;
}



/* توحيد لون الفوتر بالكامل */
footer,
.site-footer,
.footer,
.footer-bottom,
.footer-widgets,
#footer,
div[class*="footer"] {
    background-color: #f2ede5 !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}