/* Keep phone fields LTR inside RTL pages so digits, dial codes, and flags stay readable. */
body.rtl .iti,
html[dir="rtl"] body .iti {
	direction: ltr;
}

body.rtl .iti__country-list,
html[dir="rtl"] body .iti__country-list {
	left: 0;
	right: auto;
	direction: ltr;
	text-align: left;
}

body.rtl .iti__selected-flag,
html[dir="rtl"] body .iti__selected-flag,
body.rtl .iti__dial-code,
html[dir="rtl"] body .iti__dial-code {
	direction: ltr;
	unicode-bidi: plaintext;
}

body.rtl .iti--allow-dropdown .iti__flag-container,
body.rtl .iti--separate-dial-code .iti__flag-container,
html[dir="rtl"] body .iti--allow-dropdown .iti__flag-container,
html[dir="rtl"] body .iti--separate-dial-code .iti__flag-container {
	left: 0;
	right: auto;
}

body.rtl .iti--allow-dropdown input,
body.rtl .iti--allow-dropdown input[type="text"],
body.rtl .iti--allow-dropdown input[type="tel"],
body.rtl .iti--separate-dial-code input,
body.rtl .iti--separate-dial-code input[type="text"],
body.rtl .iti--separate-dial-code input[type="tel"],
html[dir="rtl"] body .iti--allow-dropdown input,
html[dir="rtl"] body .iti--allow-dropdown input[type="text"],
html[dir="rtl"] body .iti--allow-dropdown input[type="tel"],
html[dir="rtl"] body .iti--separate-dial-code input,
html[dir="rtl"] body .iti--separate-dial-code input[type="text"],
html[dir="rtl"] body .iti--separate-dial-code input[type="tel"] {
	direction: ltr;
	text-align: left;
	padding-left: 104px;
	padding-right: 6px;
}

body.rtl .woocommerce .woocommerce-form .iti input[type="tel"],
body.rtl .woocommerce-page .woocommerce-form .iti input[type="tel"],
html[dir="rtl"] body .woocommerce .woocommerce-form .iti input[type="tel"],
html[dir="rtl"] body .woocommerce-page .woocommerce-form .iti input[type="tel"] {
	direction: ltr !important;
	text-align: left !important;
	padding-left: 104px !important;
	padding-right: 6px !important;
}

body.rtl #login form .iti input[type="tel"],
body.rtl #login form #phone,
html[dir="rtl"] body #login form .iti input[type="tel"],
html[dir="rtl"] body #login form #phone {
	direction: ltr !important;
	text-align: left !important;
	padding-left: 104px !important;
	padding-right: 6px !important;
}

body.rtl #login form .iti--allow-dropdown .iti__flag-container,
body.rtl #login form .iti--separate-dial-code .iti__flag-container,
html[dir="rtl"] body #login form .iti--allow-dropdown .iti__flag-container,
html[dir="rtl"] body #login form .iti--separate-dial-code .iti__flag-container {
	left: 0;
	right: auto;
}

@media (max-width: 767px) {
	body.rtl .iti--allow-dropdown input[type="tel"],
	body.rtl .iti--separate-dial-code input[type="tel"],
	html[dir="rtl"] body .iti--allow-dropdown input[type="tel"],
	html[dir="rtl"] body .iti--separate-dial-code input[type="tel"] {
		padding-left: 104px;
	}
}