/* =========================================================
   MUKLAWA_HEADER_DEDUP_FINAL_V21_1
   ========================================================= */


/* Country + Currency + Language icon controls same scale */

.country-dropdown > .btn-country,
.currency-dropdown > .btn-currency,
.btn-language {

    box-sizing: border-box !important;

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

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

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

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

    gap: 0 !important;

    line-height: 1 !important;

    border-radius: 16px !important;
}


/* =========================================================
   TOP COUNTRY
   ========================================================= */

.country-dropdown >
.btn-country >
.muk-v21-country-flag {

    display: inline-flex !important;

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

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

    font-size: 27px !important;
    line-height: 1 !important;
}


/* Absolutely nothing else in top country button */

.country-dropdown >
.btn-country >
:not(.muk-v21-country-flag) {

    display: none !important;
}


.country-dropdown >
.btn-country::before,

.country-dropdown >
.btn-country::after {

    content: none !important;
    display: none !important;
}


/* =========================================================
   COUNTRY LIST — EXACTLY ONE FLAG
   ========================================================= */

.country-dropdown
.country-option {

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

    gap: 12px !important;
}


.country-dropdown
.country-option >
.muk-v21-option-flag {

    display: inline-flex !important;

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

    width: 30px !important;
    min-width: 30px !important;
    flex: 0 0 30px !important;

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

    font-size: 20px !important;
    line-height: 1 !important;
}


.country-dropdown
.country-option >
.country-name {

    display: block !important;

    flex: 1 1 auto !important;

    min-width: 0 !important;
}


/*
 * Safety:
 * if any old renderer inserts anything else,
 * keep it invisible.
 */

.country-dropdown
.country-option >
:not(.muk-v21-option-flag)
:not(.country-name) {

    display: none !important;
}


/* =========================================================
   CURRENCY — EXACTLY ONE SYMBOL
   ========================================================= */

.currency-dropdown >
.btn-currency >
.muk-v21-currency-symbol {

    display: inline-flex !important;

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

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

    font-size: 27px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    color: #FE2B73 !important;
}


.currency-dropdown >
.btn-currency >
:not(.muk-v21-currency-symbol) {

    display: none !important;
}


.currency-dropdown >
.btn-currency::before,

.currency-dropdown >
.btn-currency::after {

    content: none !important;
    display: none !important;
}


/* =========================================================
   LANGUAGE — EXACTLY ONE ICON
   ========================================================= */

.btn-language >
.muk-v21-language-icon {

    display: inline-flex !important;

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

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

    font-size: 21px !important;
    line-height: 1 !important;
}


.btn-language >
:not(.muk-v21-language-icon) {

    display: none !important;
}


/*
 * Bootstrap dropdown-toggle normally adds an arrow
 * using ::after. User wants icon-only control.
 */

.btn-language::before,
.btn-language::after {

    content: none !important;
    display: none !important;
}


/* =========================================================
   MOBILE/TABLET
   ========================================================= */

@media (max-width: 1199.98px) {

    .country-dropdown > .btn-country,
    .currency-dropdown > .btn-currency,
    .btn-language {

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

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

        border-radius: 13px !important;
    }


    .country-dropdown >
    .btn-country >
    .muk-v21-country-flag,

    .currency-dropdown >
    .btn-currency >
    .muk-v21-currency-symbol {

        font-size: 23px !important;
    }


    .btn-language >
    .muk-v21-language-icon {

        font-size: 19px !important;
    }
}

/* END MUKLAWA_HEADER_DEDUP_FINAL_V21_1 */

/* =========================================================
   MUKLAWA_LANGUAGE_REMOVED_FINAL_V22
   ========================================================= */

/*
 * Language selector has been retired.
 * Defensive rule in case any stale browser/runtime code
 * attempts to recreate it.
 */
.btn-language,
.language-dropdown,
.muk-language-control,
#google_translate_element,
.goog-te-gadget {
    display: none !important;
}

/* END MUKLAWA_LANGUAGE_REMOVED_FINAL_V22 */

/* =========================================================
   MUKLAWA_LANGUAGE_REMOVED_FINAL_V22
   ========================================================= */

.btn-language,
.language-dropdown,
.muk-v21-language-icon,
#google_translate_element,
.goog-te-gadget,
.goog-te-combo {
    display: none !important;
}

/* END MUKLAWA_LANGUAGE_REMOVED_FINAL_V22 */