/* إخفاء بعض العناصر */
.page-header, .promotion-badge.has-discount {
    display: none;
}

/* تعديل ارتفاع الهيدر */
.page-header {
    height: 665px;
}

/* زر عائم */
.float {
    position: fixed;
    bottom: 60px;
    right: 15px;
    z-index: 9999;
}

.float img {
    width: 60px;
    margin-bottom: 55px;
}

/* تحسين مظهر الروابط الاجتماعية */
.social-link {
    border-color: white !important;
}

/* تحسين المسافات */
.s-block {
    margin-top: 10px !important;
}

/* محاذاة النصوص */
.text-2xl {
    text-align: justify;
}

/* تخصيص ألوان الفوتر */
.store-footer h3, 
.border-primary, 
.text-primary, 
.store-footer, 
.social-link {
    color: white !important;
}

/* تخصيص خلفيات بعض العناصر */
.swiper-slide, .swiper-slide-active {
    background: white;
}

/* إزالة البادينج في بعض الشاشات */
.md\:pb-16 {
    padding-bottom: 0;
}

/* تخصيص عناصر معينة لشاشات كبيرة */
@media (min-width: 640px) {
    .z-0 {
        margin-top: 10px;
    }
}

/* تخصيص عناصر معينة لشاشات صغيرة */
@media (max-width: 767px) {
    .top-nav {
        display: none;
    }

    .float img {
        width: 60px;
        margin-bottom: 5px;
    }

    salla-slider.details-slider {
        height: auto !important;
    }

    .page-header {
        height: 10rem;
    }

    [dir=rtl] .humb {
        margin-left: 0rem !important;
    }

    .navbar-brand img {
        max-width: 170px !important;
        margin-left: 0 !important;
    }

    .px-4 {
        padding-left: 0rem;
        padding-right: 0rem;
    }

    [dir=rtl] .navbar-brand {
        margin-left: 0rem;
    }

    .text-sm {
        margin-bottom: 25px !important;
    }
}

/* ✅ تغيير لون خلفية "الأكثر مبيعًا" إلى الأحمر */
.s-product-card-promotion-title {
    background-color: red !important; /* تغيير الخلفية للأحمر */
    color: white !important; /* تغيير لون النص للأبيض */
    padding: 5px 12px; /* تعديل الحواف الداخلية */
    border-radius: 5px; /* جعل الزوايا مستديرة */
    font-weight: bold; /* جعل النص عريض */
    font-size: 14px; /* ضبط حجم الخط */
    display: inline-block; /* ضمان بقاء الحجم مناسب */
}


/* تغيير لون الهيدر في سلة قبل وبعد النزول */
html body #mainnav,
html body #mainnav.main-nav-container,
html body .main-nav-container,
html body .main-nav-container.bg-white,
html body .store-header,
html body .store-header .top-navbar,
html body .store-header .main-nav-container,
html body header.store-header,
html body .main-nav-container .inner,
html body .main-nav-container .container {
    background: #1d1f1f !important;
    background-color: #1d1f1f !important;
}