/* تنسيق الحاوية الرئيسية للتذييل (Footer) */
.container.flex.flex-col {
    background-color: #577590 !important; /* اللون المطلوب */
    color: #ffffff !important;            /* تغيير لون الخط للأبيض للوضوح */
    padding: 40px 20px;                   /* إضافة مسافات داخلية */
    border-radius: 15px;                  /* زوايا منحنية اختيارية */
    direction: rtl;                       /* التأكد من الاتجاه من اليمين لليسار */
}

/* توحيد ألوان العناوين والروابط والنصوص */
.container.flex.flex-col h3, 
.container.flex.flex-col a, 
.container.flex.flex-col p,
.container.flex.flex-col span,
.container.flex.flex-col .s-trust-badges-label,
.container.flex.flex-col .s-trust-badges-number {
    color: #ffffff !important;
}



/* إزالة أي خلفية رمادية أو إطارات من عناصر الاتصال */
.s-contacts-item {
    background-color: transparent !important; /* جعل الخلفية شفافة */
    border: none !important;                 /* إزالة الحدود إن وجدت */
    box-shadow: none !important;             /* إزالة أي ظل رمادي */
    color: #ffffff !important;               /* تأكيد اللون الأبيض للنص */
}




/* إعدادات عامة لمنع تغير الخلفية الرمادية عند الهوفر */
.s-contacts-item:hover {
    background-color: transparent !important;
}

/* 1. واتساب - أخضر عند الهوفر */
.s-contacts-item[href*="wa.me"]:hover,
.s-contacts-item[href*="wa.me"]:hover span {
    color: #25D366 !important; /* لون الواتساب الأخضر */
}
.s-contacts-item[href*="wa.me"]:hover svg {
    fill: #25D366 !important;
}

/* 2. الهاتف - أزرق عند الهوفر */
.s-contacts-item[href^="tel"]:hover,
.s-contacts-item[href^="tel"]:hover span {
    color: #3498db !important; /* لون أزرق */
}
.s-contacts-item[href^="tel"]:hover svg {
    fill: #3498db !important;
}

/* 3. البريد الإلكتروني - أحمر عند الهوفر */
.s-contacts-item[href^="mailto"]:hover,
.s-contacts-item[href^="mailto"]:hover span {
    color: #e74c3c !important; /* لون أحمر */
}
.s-contacts-item[href^="mailto"]:hover svg {
    fill: #e74c3c !important;
}



/* إزالة الخلفية البيضاء عن مربع توثيق المركز السعودي للأعمال */
div.sbc-link.bg-white {
    background-color: transparent !important;
    background: none !important;
}

/* إزالة أي إطار أو ظل قد يظهر */
div.sbc-link {
    box-shadow: none !important;
    border: none !important;
}


/* إخفاء أيقونة محلي من قائمة الدفع */
.pay-mahally_customer_wallet {
    display: none !important;
}

/* إزالة الخلفية البيضاء والحدود من أيقونات الدفع */
ul.flex.justify-center.items-center.flex-wrap.gap-2 li {
    background-color: transparent !important;
    background: none !important;
}



/* إزالة الخلفية البيضاء عن الصورة والحاوية الخاصة بها */
.s-payments-sbc-image, 
.s-payments-sbc-image-wrapper, 
a[href*="saudibusiness.gov.sa"] {
    background-color: transparent !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* رفع قسم الشعار والوصف للأعلى */
.footer-profile {
    margin-top: -20px !important;
}

/* لضمان محاذاة الشعار نفسه */
.logo-footer {
    margin-bottom: 5px !important;
}


/* تنسيق عنوان خضروات وتوسيطه مع خلفية */
.da-cp {
    display: block !important; /* لضمان التوسيط الكامل */
    background-color: #577590 !important; /* لون متجرك */
    color: #ffffff !important; /* لون النص أبيض */
    padding: 15px 30px !important; /* مساحة حول النص */
    border-radius: 12px !important; /* زوايا منحنية مودرن */
    max-width: fit-content !important; /* جعل الخلفية على مقاس الكلمة */
    box-shadow: 0 4px 15px rgba(87, 117, 144, 0.2) !important; /* ظل خفيف */
}
/* زر أضف للسلة بدون إطار بلون المتجر */
.s-button-element {
    background: #577590 !important;
    color: #fff !important;
    border: none !important;
}

/* لون الأيقونة أبيض */
.s-button-element i {
    color: #fff !important;
}


/* تلوين خيار التحديد (الدائرة) */
input[type="radio"]:checked {
    border-color: #577590 !important;
    background-color: #577590 !important;
}

/* تلوين خلفية الخيار المختصر عند التحديد */
input[type="radio"]:checked + .s-product-options-grid-mode-span {
    background-color: #577590 !important;
    color: #fff !important;
    border-color: #577590 !important;
}

/* لون النص الأساسي للخيار */
.s-product-options-grid-mode-span {
    color: #577590 !important;
    border-color: #577590 !important;
}
/* تلوين زر تحميل المزيد بلون المتجر */
.s-infinite-scroll-btn {
    background-color: #577590 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

/* تأثير التفاعل عند مرور الماوس */
.s-infinite-scroll-btn:hover {
    background-color: #4d6881 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(87, 117, 144, 0.3) !important;
}

/* التأكد من لون النص داخل الزر */
.s-infinite-scroll-btn-text {
    color: #ffffff !important;
    font-weight: bold !important;
}



/* ضبط المسافات بين البطاقات */
@media (max-width: 767px) {
.s-slider-swiper-wrapper .swiper-slide {
    margin: 0 5px !important; /* مسافة جانبية متساوية للتوسيط */
    float: none !important;
}
}