/* SHADA-MOBILE-DRAWER-LANGUAGE-R13C START */

/*
 * Mobile drawer language options:
 *
 * 132px × 42px
 * 14px dark-teal text
 * 22px × 14px flags
 *
 * Desktop language selector is not affected.
 */

@media (max-width: 991.98px) {

    html body
    .shada-mobile-menu-drawer
    .shada-mobile-language-switcher {
        box-sizing: border-box !important;

        display: grid !important;

        grid-template-columns:
            repeat(2, 132px) !important;

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

        gap: 10px !important;

        width: 100% !important;

        margin:
            2px
            0
            14px !important;

        padding:
            0
            0
            14px !important;

        direction: ltr !important;
    }

    html body
    .shada-mobile-menu-drawer
    .shada-mobile-language-option {
        box-sizing: border-box !important;

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

        gap: 7px !important;

        width: 132px !important;
        min-width: 132px !important;
        max-width: 132px !important;

        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;

        margin: 0 !important;

        padding:
            5px
            8px !important;

        border:
            2px solid
            rgba(
                255,
                255,
                255,
                0.92
            ) !important;

        border-radius: 11px !important;

        background: #ffffff !important;

        color: #075d61 !important;

        -webkit-text-fill-color:
            #075d61 !important;

        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1 !important;

        text-align: center !important;
        text-decoration: none !important;
        text-shadow: none !important;

        white-space: nowrap !important;

        opacity: 1 !important;
        visibility: visible !important;

        overflow: visible !important;
    }

    html body
    .shada-mobile-menu-drawer
    .shada-mobile-language-option.is-current {
        border-color:
            #9fcacc !important;

        background:
            #e8f3f3 !important;

        color: #075d61 !important;

        -webkit-text-fill-color:
            #075d61 !important;
    }

    html body
    .shada-mobile-menu-drawer
    a.shada-mobile-language-option.is-alternative {
        background: #ffffff !important;

        color: #075d61 !important;

        -webkit-text-fill-color:
            #075d61 !important;

        cursor: pointer !important;
    }

    html body
    .shada-mobile-menu-drawer
    a.shada-mobile-language-option.is-alternative:hover,

    html body
    .shada-mobile-menu-drawer
    a.shada-mobile-language-option.is-alternative:focus {
        border-color:
            #87bfc2 !important;

        background:
            #effafa !important;

        color: #054f53 !important;

        -webkit-text-fill-color:
            #054f53 !important;

        outline: none !important;
    }

    /*
     * Override the mobile drawer's global white-text
     * rules for both language labels.
     */

    html body
    .shada-mobile-menu-drawer
    .shada-mobile-language-label,

    html body
    .shada-mobile-menu-drawer
    .shada-mobile-language-option
    .shada-mobile-language-label {
        display: inline-block !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

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

        color: #075d61 !important;

        -webkit-text-fill-color:
            #075d61 !important;

        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1 !important;

        text-align: center !important;
        text-shadow: none !important;

        white-space: nowrap !important;

        opacity: 1 !important;
        visibility: visible !important;

        overflow: visible !important;
        text-overflow: clip !important;
    }

    html body
    .shada-mobile-menu-drawer
    .shada-mobile-language-option[
        lang="en"
    ] {
        direction: ltr !important;

        font-family:
            Arial,
            sans-serif !important;
    }

    html body
    .shada-mobile-menu-drawer
    .shada-mobile-language-option[
        lang="fa"
    ] {
        direction: rtl !important;

        font-family:
            "ShadaIRANSans",
            Arial,
            sans-serif !important;
    }

    html body
    .shada-mobile-menu-drawer
    .shada-mobile-language-flag {
        box-sizing: border-box !important;

        display: block !important;

        flex:
            0
            0
            22px !important;

        width: 22px !important;
        min-width: 22px !important;
        max-width: 22px !important;

        height: 14px !important;
        min-height: 14px !important;
        max-height: 14px !important;

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

        border-radius: 2px !important;

        object-fit: cover !important;

        opacity: 1 !important;
        visibility: visible !important;
    }
}

/* SHADA-MOBILE-DRAWER-LANGUAGE-R13C END */
