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

/* --- 1. تغيير لون خلفية الهيدر (الجزء العلوي) --- */
/*    الهيدر سيصبح باللون الأبيض لإبراز الشعار البني الذي رفعته في إعدادات المتجر   */
html {
overflow-x: hidden;
}
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;
}
.store__logo img {
    object-fit: contain;
    scale: 1.5;
}