/* ========================================= */
/* Mobile Footer Alignment Fix */
/* العربية: كل شيء يمين | الإنجليزية: كل شيء يسار */
/* ========================================= */

@media (max-width: 992px) {

    /* === ARABIC (body.rtl) === */
    /* العناوين: يمين */
    body.rtl .footer-col:not(.footer-about-col) .footer-title {
        text-align: right !important;
        direction: rtl !important;
    }

    /* العناصر: يمين */
    body.rtl .footer-menu li,
    body.rtl .footer-contact-list li,
    body.rtl .footer-menu li a,
    body.rtl .footer-contact-list li a {
        text-align: right !important;
        direction: rtl !important;
        display: flex !important;
        justify-content: flex-start !important;
        /* Start = Right in RTL */
        flex-direction: row !important;
    }

    /* Container */
    body.rtl .footer-col:not(.footer-about-col) {
        text-align: right !important;
        direction: rtl !important;
        align-items: flex-start !important;
    }

    body.rtl .footer-menu,
    body.rtl .footer-contact-list {
        text-align: right !important;
        direction: rtl !important;
        align-items: flex-start !important;
    }

    /* === ENGLISH (body.lang-en) === */
    /* العناوين: يسار */
    body.lang-en .footer-col:not(.footer-about-col) .footer-title {
        text-align: left !important;
        direction: ltr !important;
    }

    /* العناصر: يسار */
    body.lang-en .footer-menu li,
    body.lang-en .footer-contact-list li,
    body.lang-en .footer-menu li a,
    body.lang-en .footer-contact-list li a {
        text-align: left !important;
        direction: ltr !important;
        display: flex !important;
        justify-content: flex-start !important;
        /* Start = Left in LTR */
        flex-direction: row !important;
    }

    /* Container */
    body.lang-en .footer-col:not(.footer-about-col) {
        text-align: left !important;
        direction: ltr !important;
        align-items: flex-start !important;
    }

    body.lang-en .footer-menu,
    body.lang-en .footer-contact-list {
        text-align: left !important;
        direction: ltr !important;
        align-items: flex-start !important;
    }
}