/* Add custom CSS styles below */ 
/* إخفاء عنصر الواتساب نهائياً */
#bcio-whatsapp-widget, 
.bcio-whatsapp-widget {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* إزالة المسافة العلوية للمتذيل */
.store-footer {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* إذا كان هناك عنصر داخلي يسبب المسافة أيضاً */
.store-footer .container {
    padding-top: 0 !important;
}

/* إزالة كافة المسافات الزائدة من سيكشن "من نحن" */
.about-us-block {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* في بعض القوالب، المسافة تكون في العناصر الداخلية (Container) */
.about-us-block .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* إزالة أي مسافة افتراضية للعناوين أو الفقرات داخل البلوك */
.about-us-block h2, 
.about-us-block p {
    margin-top: 0 !important;
    margin-bottom: 5px !important; /* ترك مسافة بسيطة جداً للنص */
}




/* إزالة المسافة السفلية من داخل الفوتر */
.store-footer__inner {
    padding-bottom: 0 !important;
    margin-bottom: 20px !important;
}




/* إضافة مسافة علوية للمحتوى الداخلي في سيكشن من نحن */
.about-us-block {
    padding-top: 20px !important;
  border-radius: 20px !important;
}
/* استهداف الصورة داخل كلاس (من نحن) لضبط الحجم */
.about-us-block img {
    /* تحديد المقاس الدقيق */
    width: 70px !important;
    height: 70px !important;
    
    /* الحفاظ على أبعاد الصورة دون تشويه أو تمطط */
    object-fit: contain !important; 
    
    /* ضمان توسط الصورة (مهم جداً للموبايل) */
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    
    /* إلغاء أي قيود سابقة مبرمجة في القالب */
    max-width: none !important;
    max-height: none !important;
}

/* تنسيق إضافي لضمان توسط حاوية الصورة في الموبايل */
@media (max-width: 768px) {
    .about-us-block {
        text-align: center !important;
    }
}



.slide.image, 
.slide.image img {
    /* 1. الأبعاد */
    width: 100% !important; /* w-full */
    height: 200px !important; /* الطول المطلوب */
    
    /* 2. الحواف الدائرية المتجاوبة (نفس قيم الكلاسات التي أرسلتها) */
    border-radius: 2rem !important; /* للموبايل */
}


/* تغيير لون خلفية التذييل بالكامل */
.store-footer {
    background-color: #BA1757 !important; /* اللون الزهري الغامق (نفس لون الزر) */
    /* إذا كنت تفضل درجة فاتحة جداً جرب: #FFF0F5 */
}

/* في حال وجود نصوص داخل الفوتر، يفضل تغيير لونها للأبيض لتكون واضحة */
.store-footer, 
.store-footer p, 
.store-footer a, 
.store-footer span,
.store-footer .footer-title {
    color: #ffffff !important;
}


/* توحيد لون الخلفية للفوتر والطبقة الداخلية */
.store-footer,
.store-footer__inner {
    background-color: #BA1757 !important;
    border: none !important; /* إزالة أي حدود قد تظهر بلون مختلف */
}

/* ضمان أن جميع النصوص والأيقونات داخل الفوتر باللون الأبيض للوضوح */
.store-footer__inner, 
.store-footer__inner a, 
.store-footer__inner p, 
.store-footer__inner span,
.store-footer__inner i,
.store-footer__inner svg {
    color: #ffffff !important;
    fill: #ffffff !important; /* للأيقونات من نوع SVG */
}
/* إخفاء كلاس أيقونات التواصل الاجتماعي */
.contact-social {
    display: none !important;
}
/* تغيير لون العناوين h3 داخل بلوكات الفوتر إلى الأبيض */
.store-footer__blocks h3 {
    color: #ffffff !important;
}
/* تغيير ألوان العناصر داخل قسم من نحن إلى الزهري */
.about-us-block a, 
.about-us-block p, 
.about-us-block span, 
.about-us-block i {
    color: #BA1757 !important;
}



/* جعل الجزء السفلي من الفوتر بعرض الصفحة الكامل */
.store-footer__bottom {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    left: 0 !important;
    right: 0 !important;
}


/* تغيير لون الأيقونات داخل كلاس الاتصال إلى الزهري */
.icons-only.s-contacts.hydrated i,
.icons-only.s-contacts.hydrated span,
.icons-only.s-contacts.hydrated a {
    color: #BA1757 !important;
}

/* استهداف الأيقونات من نوع SVG (الأكثر شيوعاً في قوالب سلة الحديثة) */
.icons-only.s-contacts.hydrated svg,
.icons-only.s-contacts.hydrated svg path {
    fill: #BA1757 !important;
}

/* تأثير عند تمرير الماوس لجعلها تفاعلية */
.icons-only.s-contacts.hydrated a:hover i,
.icons-only.s-contacts.hydrated a:hover svg {
    opacity: 0.8 !important;
}


/* استهداف الفقرة داخل محتوى مميزات المتجر */
.s-trust-badges-content p {
    color: #BA1757 !important;
}