/* ========================================= */
/* === كود تغيير لون الهيدر والفوتر فقط === */
/* ========================================= */

/* --- 1. تغيير لون خلفية الهيدر (الجزء العلوي) --- */
/* الهيدر سيصبح باللون الأبيض لإبراز الشعار البني الذي رفعته في إعدادات المتجر */
header.site-header {
background-color: #FFFFFF !important; /* لون أبيض */
border-bottom: 1px solid #EAEAEA !important; /* خط سفلي رمادي فاتح */
}

/* --- تغيير لون أيقونات الهيدر (سلة، بحث) إلى اللون البني الداكن --- */
.site-header .header-icons a,
.site-header .header-icons button {
color: #3D2B24 !important;
}

/* --- تغيير لون روابط القائمة العلوية إلى اللون البني الداكن --- */
.main-menu ul li a {
color: #3D2B24 !important;
}

/* --- تغيير لون عداد السلة --- */
.site-header .cart-count {
background-color: #7A4A3A !important; /* خلفية بلون التمر */
color: #FFFFFF !important; /* نص باللون الأبيض */
}


/* --- 2. تغيير لون خلفية الفوتر (الجزء السفلي) --- */
/* الفوتر سيصبح بلون التمر البني */
.s-site-footer {
background-color: #7A4A3A !important; /* بني لون التمر */
}

/* --- تغيير لون عناوين الفوتر (روابط مهمة، تواصل معنا) إلى الأبيض --- */
.s-site-footer .footer-col h3 {
color: #FFFFFF !important;
}

/* --- تغيير لون روابط الفوتر والنصوص العادية إلى البيج الفاتح --- */
.s-site-footer .footer-col a,
.s-site-footer .footer-col p,
.s-site-footer .copyrights-text {
color: #EADFD9 !important;
}

/* --- تغيير لون أيقونات التواصل الاجتماعي إلى الأبيض --- */
.s-site-footer .social a {
color: #FFFFFF !important;
}