/* Add custom CSS styles below */ 
/* ==========================================
   السلايدر الذي يحمل كلاس customwhite فقط
========================================== */

.customwhite .advanced-slider__caption__inner__content__heading,
.customwhite .advanced-slider__caption__inner__content__text {
    color: #fff;
    font-weight: 300;
}

.customwhite
.advanced-slider__caption__inner--left
.advanced-slider__caption__inner__content:where([dir="rtl"], [dir="rtl"] *) {
    text-align: center;
}

/* زر السلايدر المحدد فقط */
.customwhite .advanced-slider__caption__inner__content__button {
    padding: 7px 42px;
}

.customwhite .advanced-slider__caption__inner__content__button span {
    color: #5A4E42 !important;
}

.customwhite .advanced-slider__caption__inner__content__button:hover {
    background: #5A4E42 !important;
}

.customwhite .advanced-slider__caption__inner__content__button:hover span {
    color: #fff !important;
}


/* ==========================================
   خلفية الهيدر أو العنصر الداكن
========================================== */

.bg-gray-900 {
    background: rgba(181, 201, 243, 0.02);
}


/* ==========================================
   صور التصنيفات الدائرية
========================================== */

.s-block--circle-links li img {
    object-fit: contain;
}


/* ==========================================
   قسم العرض الكامل فقط
========================================== */

@media (min-width: 900px) {

    /*
     تم حذف padding: 17rem
     لأنه كان سبب المساحة البيضاء الكبيرة.
    */

    .itsfullwidth {
        width: 100%;
        max-width: 100%;
    }

    /*
     نلغي الهوامش الجانبية فقط بدون تغيير
     ارتفاع القسم أو المسافات الرأسية.
    */

    .itsfullwidth > .container,
    .itsfullwidth > .mx-auto {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}


/* ==========================================
   تعديلات الموبايل
========================================== */

@media (max-width: 780px) {

    /* تعديل محتوى السلايدر المحدد فقط */
    .customwhite .advanced-slider__caption {
        align-items: flex-end;
        padding-bottom: 5rem;
    }

    .customwhite .advanced-slider__caption__inner--left {
        justify-content: center;
    }

    /* صورة قسم التصنيفات الخاصة على الموبايل */
    .special-categories .single-banner img {
        content: url("https://i.ibb.co/VpTB53wt/2.webp");
    }

    .special-categories .single-banner .banner-wrapper-infor {
        width: 63%;
    }

    .special-categories .single-banner .banner-button {
        margin-top: 0;
    }
}


/* ==========================================
   ارتفاع شريط القائمة على الشاشات الكبيرة
========================================== */

@media (min-width: 768px) {
    .main-nav-container {
        min-height: 60px;
    }
}