/**
 * M2 IST — LTR phone field overrides (RTL site, LTR numbers).
 */

.m2-phone-ltr.intl-tel-input,
.m2-phone-field .intl-tel-input {
    direction: ltr;
    text-align: left;
    width: 100%;
}

.m2-phone-ltr input[type="tel"],
.m2-phone-ltr input[type="text"],
.m2-phone-field input[type="tel"],
.m2-phone-field input[type="text"] {
    direction: ltr !important;
    text-align: left !important;
}

html[dir="rtl"] .m2-phone-ltr.allow-dropdown .flag-container,
html[dir="rtl"] .m2-phone-ltr.separate-dial-code .flag-container,
html[dir="rtl"] .m2-phone-field .intl-tel-input.allow-dropdown .flag-container {
    left: 0 !important;
    right: auto !important;
}

html[dir="rtl"] .m2-phone-ltr.separate-dial-code .selected-dial-code,
html[dir="rtl"] .m2-phone-field .intl-tel-input.separate-dial-code .selected-dial-code {
    padding-left: 28px !important;
    padding-right: 0 !important;
}

html[dir="rtl"] .m2-phone-ltr .selected-flag .iti-flag,
html[dir="rtl"] .m2-phone-field .intl-tel-input .selected-flag .iti-flag {
    left: 8px !important;
    right: auto !important;
}

html[dir="rtl"] .m2-phone-ltr .selected-flag .iti-arrow,
html[dir="rtl"] .m2-phone-field .intl-tel-input .selected-flag .iti-arrow {
    left: auto !important;
    right: 6px !important;
}

html[dir="rtl"] .m2-phone-ltr.separate-dial-code.allow-dropdown.iti-sdc-2 input,
html[dir="rtl"] .m2-phone-ltr.separate-dial-code.allow-dropdown.iti-sdc-3 input,
html[dir="rtl"] .m2-phone-ltr.separate-dial-code.allow-dropdown.iti-sdc-4 input,
html[dir="rtl"] .m2-phone-field .intl-tel-input.separate-dial-code.allow-dropdown input {
    padding-left: 84px !important;
    padding-right: 12px !important;
}

.m2-phone-ltr .country-list,
.m2-phone-field .intl-tel-input .country-list {
    direction: ltr;
    text-align: left;
}

.m2-register-page .m2-phone-field .m2-register-label {
    display: block;
    width: 100%;
}