/* كود شامل لاستهداف الهيدر في معظم ثيمات سلة */
header, 
.main-header, 
.site-header, 
.header-wrapper,
.s-header-container {
    background-color: #800020 !important;
}

/* لتغيير لون القائمة العلوية إذا كانت منفصلة */
.top-header {
    background-color: #800020 !important;
}
/* تغيير خلفية الفوتر للون النبيتي */
footer, 
.main-footer, 
.site-footer, 
.s-footer-container {
    background-color: #800020 !important;
}

/* تعديل ألوان النصوص والروابط داخل الفوتر لتناسب الخلفية */
footer p, 
footer span, 
footer a, 
footer i,
.main-footer .footer-link {
    color: #ffffff !important;
}

/* إذا كان هناك خط فاصل علوي للفوتر */
footer {
    border-top: none !important;
}
/* تنسيق الأزرار باللون العنابي الخاص بالخريص */
.btn-primary, 
.s-button-element,
.product-card .btn {
    background-color: #741120 !important;
    border-color: #741120 !important;
    color: #ffffff !important;
    border-radius: 8px !important; /* زوايا منحنية بسيطة */
    font-weight: bold !important;
}
/* تنسيق الفوتر بالكامل */
footer.main-footer, .s-footer-container {
    background-color: #741120 !important;
    border-top: 3px solid #741120 !important;
}

/* جعل كافة العناوين والنصوص داخل الفوتر بيضاء */
footer.main-footer h4, 
footer.main-footer a, 
footer.main-footer p, 
footer.main-footer span {
    color: #ffffff !important;
}
/* تنسيق الهيدر بنفس أسلوب متجر الخريص */
.main-header, .s-header-container {
    background-color: #741120 !important;
}

/* تحويل نصوص المنيو والأيقونات للأبيض */
.main-header .nav-link, 
.main-header i, 
.main-header .cart-count {
    color: #ffffff !important;
}
/* تنسيق شريط التصنيفات بشكل منحني وعائم */
.main-menu-wrapper, .nav-wrapper, .s-nav-container {
    background-color: #741120 !important; /* اللون العنابي الفخم */
    border-radius: 50px !important; /* هذا هو الكود المسؤول عن الانحناء */
    margin: 10px 20px !important; /* مسافة من الجوانب لإظهار شكل الانحناء */
    padding: 2px 25px !important; /* مساحة داخلية لتنسيق النص */
    display: flex !important;
    justify-content: center !important; /* توسيط الأقسام داخل الشريط */
    box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important; /* ظل خفيف لإعطاء مظهر عائم */
}

/* جعل نصوص الأقسام باللون الأبيض وخط عريض */
.nav-link, .main-menu-wrapper a {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 15px !important;
}

/* إضافة تأثير عند مرور الماوس على الأقسام */
.nav-link:hover {
    opacity: 0.8;
    text-decoration: underline !important;
}
/* تحويل شريط اللوجو والمنيو لشكل بيضاوي عائم */
.site-header, .header-wrapper, .header-content {
    background-color: #ffffff !important; /* لون الخلفية أبيض */
    border-radius: 60px !important; /* هذا الكود المسؤول عن الانحناء الدائري */
    margin: 15px 20px !important; /* لإبعاد الشريط عن الحواف وإظهار الانحناء */
    padding: 10px 30px !important; /* مساحة داخلية عشان اللوجو والمنيو ميبقوش مخنوقين */
    box-shadow: 0 8px 20px rgba(0,0,0,0.08) !important; /* ظل خفيف عشان يبان إنه عائم فوق الصفحة */
    border: none !important;
    position: relative !important;
    z-index: 999 !important;
}

/* تعديل عرض الشريط ليكون متناسق مع الانحناء */
.site-header {
    display: block !important;
    width: auto !important;
}