/* =========================================
   ETUF - الأنشطة والفعاليات
   بانر الموبايل
   ========================================= */

@media (max-width: 767px) {

    /* الحاوية الرئيسية */
    .etuf-section-banner {
        position: relative !important;
        display: block !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        aspect-ratio: auto !important;

        overflow: visible !important;

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


    /* حاوية الصورة */
    .etuf-section-banner-image {
        position: relative !important;
        display: block !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        aspect-ratio: auto !important;

        overflow: visible !important;

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


    /* الصورة نفسها */
    .etuf-section-banner-image img.etuf-section-banner-img {
        position: relative !important;
        display: block !important;

        width: 100% !important;
        height: auto !important;

        min-width: 0 !important;
        min-height: 0 !important;

        max-width: 100% !important;
        max-height: none !important;

        aspect-ratio: auto !important;

        object-fit: fill !important;
        object-position: center center !important;

        transform: none !important;

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


    /* طبقة التعتيم */
    .etuf-section-banner-overlay {
        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        z-index: 2 !important;
    }


    /* النص فوق البانر */
    .etuf-section-banner-content {
        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        box-sizing: border-box !important;

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

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

        padding: 15px !important;

        text-align: center !important;

        z-index: 3 !important;
    }

}