/* Add custom CSS styles below */
/* استهداف جميع الحاويات الأساسية في سلة بأسمائها التقنية */ 
[class*="footer"], 
.s-header-wrapper, 
.s-footer-wrapper {
    background-color: #F3E5F5 !important;
    background: #F3E5F5 !important;
}

/* كسر أي تدرج لوني (Gradient) قد يكون هو السبب في بقاء اللون الأسود أو القديم */
.main-header, .main-footer {
    background-image: none !important;
    box-shadow: none !important;
}/* استهداف بطاقة المنتج وعناصرها الداخلية */
.s-product-card-entry, 
.s-product-card-vertical, 
.product-card,
.s-product-card-content {
    background-color: #F3E5F5 !important;
    background: #F3E5F5 !important;
}

/* إزالة الخلفية البيضاء من أي حاوية فرعية داخل البطاقة */
.s-product-card-entry > div,
.s-product-card-vertical > div {
    background-color: transparent !important;
}
/* استهداف كل عنصر div داخل الهيدر وتلوينه قسرياً */ 
header [class*="inner"], 
header [class*="main"] {
    background-color: #F3E5F5 !important;
    background: #F3E5F5 !important;
    border: none !important;
}

/* استثناء شريط البحث العلوي ليبقى مستقلاً كما طلبت */
.s-header__top, .s-header__top * {
    background-color: inherit;
}
/* استهداف أي حاوية علوية في الرأس لتغييرها للبنفسجي الغامق */
header [class*="top"], 
header [class*="upper"],
.s-header__top-bar,
nav[class*="top"] {
    background-color: #65268d !important;
    background: #65268d !important;
}
/* تعديل الهيكل الخارجي لبطاقة المنتج فقط */
.s-product-card.static-card, 
.s-product-card-entry {
    border-radius: 12px !important;
    padding: 10px !important;
    /* حذفنا تغيير لون الخلفية والإطار */
}

/* ضبط حجم وتنسيق صورة المنتج */
.s-product-card-image {
    border-radius: 8px !important;
    margin-bottom: 12px !important;
}

/* توحيد محاذاة اسم المنتج وسعره لتكون في المنتصف */
.s-product-card-content h3, 
.s-product-card-title,
.s-product-card-price {
    text-align: center !important;
    justify-content: center !important;
    /* حذفنا تغيير ألوان الخطوط */
}
/* استهدف حاوية السعر داخل بطاقة المنتج في ثيم رائد */
.s-product-card__price, 
.product-card__price,
[class*="price"] {
    display: flex !important;
    justify-content: center !important; /* التوسيط هو الخيار الأريح بصرياً */
    align-items: center !important;
    flex-wrap: wrap !important;
    margin-top: 5px !important;
    font-size: 1.15rem !important; /* حجم متوازن */
    font-weight: 600 !important; /* بروز هادئ للسعر */
    line-height: 1.2 !important;
}
/* استهداف الحاوية الكبرى للتذييل لإجبارها على توزيع المحتوى */
footer .container, 
footer .footer-main, 
.s-footer-container {
    max-width: 100% !important; /* السماح للمحتوى بالتمدد كامل العرض */
    display: flex !important;
    justify-content: space-around !important; /* توزيع متساوي يغطي الفراغات */
    flex-direction: row-reverse !important; /* الترتيب العربي من اليمين */
    flex-wrap: wrap !important;
    text-align: right !important;
}

/* ضمان توزيع الأقسام الثلاثة (عن المتجر، روابط، تواصل) بشكل متزن */
footer .footer-column, 
footer .footer-section, 
footer div[class*="col-"] {
    flex: 1 !important; /* كل قسم يأخذ مساحة متساوية */
    margin: 20px !important;
    min-width: 250px !important; /* منع التداخل في الجوال */
}
/* 1. الحفاظ على الخط الجميل وسماكته */
footer, .s-footer-container, .footer-section, footer p, footer a, footer span {
    font-family: 'Tajawal', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #333 !important;
}

/* 2. جعل العناوين بارزة ومرتبة */
footer h4, .footer-title, footer strong {
    font-weight: 700 !important;
    font-size: 16px !important;
    display: block !important;
    margin-bottom: 10px !important;
}

/* 3. ترتيب أيقونات السوشيال ميديا تحت "تواصل معنا" مباشرة */
.s-footer-social-icons, .footer-social-wrapper {
    display: flex !important;
    justify-content: flex-start !important; /* محاذاة لليمين تحت النصوص */
    gap: 12px !important;
    margin-top: 10px !important;
    padding: 0 !important;
}

/* 4. ضبط حجم الأيقونات لتبدو متزنة مع الخط */
.s-footer-social-icons a, .footer-social-wrapper a img {
    width: 20px !important;
    height: 20px !important;
    filter: grayscale(0.2) !important; /* تهدئة الألوان قليلاً لتكون أفخم */
}
/* استهداف أي عنصر يحمل اللون الأحمر فوق صورة المنتج */ 
[class*="product"] [class*="promotion"],
.s-product-card__promotion-title {
    background-color: #f6ba41 !important;
    color: #000 !important;
    background: #f6ba41 !important;
}