/* =========================================================
   FOOTER - جمعية الدعوة والإرشاد وتوعية الجاليات بالمسجد
   ========================================================= */


/* =========================================================
   الفوتر الأساسي
   ========================================================= */

footer.store-footer {
    background: #ffffff !important;
    overflow: visible !important;
    border-radius: 0 !important;
}


/* =========================================================
   الخلفية البنية للفوتر
   ========================================================= */

footer.store-footer .store-footer__inner {
    position: relative !important;

    background: #2f455c !important;
    color: #ffffff !important;

    padding-top: 0 !important;

    border-radius: 55px 55px 0 0 !important;

    overflow: hidden !important;
}


/* إزالة Padding القالب */
footer.store-footer .store-footer__inner.pt-7,
footer.store-footer .store-footer__inner.sm\:pt-10,
footer.store-footer .store-footer__inner.lg\:pt-22 {
    padding-top: 0 !important;
}


/* الحاوية الرئيسية */
footer.store-footer .store-footer__inner > .container {
    position: relative !important;
    z-index: 2 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    margin-top: 0 !important;

    gap: 0 !important;
}


/* إزالة المسافات التلقائية */
footer.store-footer .store-footer__inner > .container > * {
    margin-top: 0 !important;
}


/* =========================================================
   الحواف العلوية الدائرية
   ========================================================= */

footer.store-footer .store-footer__inner::before {
    content: "" !important;

    position: absolute !important;

    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    height: 50px !important;

    background: #2f455c !important;

    border-radius: 55px 55px 0 0 !important;

    z-index: 0 !important;

    pointer-events: none !important;
}


/* =========================================================
   منطقة الشعار
   ========================================================= */

footer.store-footer .store-footer__top-area {
    position: relative !important;

    width: 100% !important;

    height: 220px !important;

    display: flex !important;
    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;

    gap: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;

    border-bottom: 1px solid rgba(255,255,255,0.18) !important;

    overflow: visible !important;
}


/* =========================================================
   مساحة رابط الشعار
   ========================================================= */

footer.store-footer .store-footer__top-area .footer-logo {
    width: 100% !important;

    height: 200px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


/* =========================================================
   الشعار
   تكبير بصري بدون زيادة مساحة الفوتر
   ========================================================= */

footer.store-footer .store-footer__top-area .footer-logo img {
    width: 200px !important;
    height: 200px !important;

    max-width: 200px !important;
    max-height: 200px !important;

    object-fit: contain !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: scale(1.7) !important;

    transform-origin: center center !important;
}


/* =========================================================
   X + YouTube - الكمبيوتر
   في الطرف الأيسر بمحاذاة منتصف الشعار
   ========================================================= */

footer.store-footer .store-footer__top-area salla-social {
    position: absolute !important;

    left: 30px !important;
    top: 50% !important;

    transform: translateY(-50%) !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 20 !important;
}


/* قائمة الأيقونات */
footer.store-footer .store-footer__top-area .s-social-list {
    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 10px !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


/* عناصر القائمة */
footer.store-footer .store-footer__top-area .s-social-link {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* الأزرار */
footer.store-footer .store-footer__top-area .s-social-link > a {
    width: 44px !important;
    height: 44px !important;

    min-width: 44px !important;
    min-height: 44px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    border: 1px solid rgba(255,255,255,0.45) !important;

    border-radius: 50% !important;

    background: transparent !important;

    color: #ffffff !important;

    text-decoration: none !important;

    transition: all .25s ease !important;
}


/* الأيقونة */
footer.store-footer .store-footer__top-area .s-social-icon {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;
}


footer.store-footer .store-footer__top-area .s-social-icon svg {
    width: 20px !important;
    height: 20px !important;

    fill: currentColor !important;
}


/* Hover */
footer.store-footer .store-footer__top-area .s-social-link > a:hover {
    background: #ffffff !important;

    border-color: #ffffff !important;

    color: #5a2b1a !important;

    transform: translateY(-3px) !important;
}


/* =========================================================
   تقليل المسافة بعد منطقة الشعار
   ========================================================= */

footer.store-footer .store-footer__top-area + .space-y-8 {
    margin-top: 5px !important;
}


/* =========================================================
   عناوين الفوتر
   ========================================================= */

footer.store-footer .footer-title,
footer.store-footer .s-contacts-title {
    color: #ffffff !important;

    font-weight: 700 !important;
}


/* =========================================================
   النصوص
   ========================================================= */

footer.store-footer .about-store p {
    color: rgba(255,255,255,0.88) !important;
}


footer.store-footer .s-menu-footer-item {
    color: rgba(255,255,255,0.88) !important;
}


footer.store-footer .s-menu-footer-item:hover {
    color: #ffffff !important;
}


footer.store-footer .s-contacts-item {
    color: rgba(255,255,255,0.88) !important;
}


footer.store-footer .s-contacts-icon {
    color: #ffffff !important;
}


/* =========================================================
   شريط الحقوق
   ========================================================= */

footer.store-footer .store-footer__info-bar {
    background: #482116 !important;

    color: #ffffff !important;

    border-top: 1px solid rgba(255,255,255,0.10) !important;
}


footer.store-footer .store-footer__info-bar p,
footer.store-footer .store-footer__info-bar a {
    color: rgba(255,255,255,0.88) !important;
}


footer.store-footer .store-footer__info-bar a:hover {
    color: #ffffff !important;
}


/* =========================================================
   الجوال
   ========================================================= */

@media (max-width: 768px) {

    /* الفوتر */
    footer.store-footer .store-footer__inner {
        padding-top: 0 !important;

        border-radius: 35px 35px 0 0 !important;
    }


    /* الحواف */
    footer.store-footer .store-footer__inner::before {
        height: 35px !important;

        border-radius: 35px 35px 0 0 !important;
    }


    /* =====================================================
       منطقة الشعار في الجوال
       ===================================================== */

    footer.store-footer .store-footer__top-area {
        height: 235px !important;

        display: flex !important;

        flex-direction: column !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 0 !important;

        padding: 0 !important;
        margin: 0 !important;
    }


    /* مساحة الشعار */
    footer.store-footer .store-footer__top-area .footer-logo {
        width: 100% !important;

        height: 180px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       الشعار في الجوال
       ===================================================== */

    footer.store-footer .store-footer__top-area .footer-logo img {
        width: 165px !important;
        height: 165px !important;

        max-width: 165px !important;
        max-height: 165px !important;

        object-fit: contain !important;

        transform: scale(1.65) !important;

        transform-origin: center center !important;
    }


    /* =====================================================
       X + YouTube تحت الشعار
       ===================================================== */

    footer.store-footer .store-footer__top-area salla-social {
        position: static !important;

        width: auto !important;

        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
    }


    /* الأيقونات بالمنتصف */
    footer.store-footer .store-footer__top-area .s-social-list {
        display: flex !important;

        flex-direction: row !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 10px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* حجم أيقونات الجوال */
    footer.store-footer .store-footer__top-area .s-social-link > a {
        width: 40px !important;
        height: 40px !important;

        min-width: 40px !important;
        min-height: 40px !important;
    }


    footer.store-footer .store-footer__top-area .s-social-icon svg {
        width: 18px !important;
        height: 18px !important;
    }


    /* المسافة بعد منطقة الشعار */
    footer.store-footer .store-footer__top-area + .space-y-8 {
        margin-top: 5px !important;
    }
}}
/* ===== تكبير شعارات الجهات ===== */

.s-slider-container .swiper-slide.slide--one-sixth {
    border: 0 !important;
    border-width: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 5px !important;
}

.s-slider-container .swiper-slide .brand-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 170px !important;
    padding: 5px !important;
}

.s-slider-container .swiper-slide .brand-item img {
    display: block !important;
    width: auto !important;
    height: 140px !important;
    max-width: 280px !important;
    max-height: 140px !important;
    object-fit: contain !important;
    margin: auto !important;
}

.s-slider-container .swiper-wrapper {
    align-items: center !important;
}

/* الجوال */
@media (max-width: 767px) {
    .s-slider-container .swiper-slide .brand-item {
        height: 130px !important;
    }

    .s-slider-container .swiper-slide .brand-item img {
        height: 105px !important;
        max-height: 105px !important;
        max-width: 220px !important;
    }
}    object-fit: contain !important;
    margin: auto !important;
}

/* منع قص الشعارات */
.s-slider-container .swiper-wrapper {
    align-items: center !important;
}

/* الجوال */
@media (max-width: 767px) {
    .s-slider-container .swiper-slide .brand-item {
        height: 100px !important;
    }

    .s-slider-container .swiper-slide .brand-item img {
        height: 75px !important;
        max-height: 75px !important;
        max-width: 160px !important;
    }
}