@CHARSET "ISO-8859-1";
/* RTL support */
.rtl .contentAreaStyle {
    direction: rtl;
}

/* Right-align labels/headings/messages in RTL */
.rtl .topicStyle,
.rtl .labelStyle,
.rtl .messagebox {
    text-align: right;
}

/* Keep user-entered values readable (emails/passwords should stay LTR) */
.rtl input,
.rtl textarea {
    direction: ltr;
    text-align: left;
}

/* intl-tel-input (same phone widget as registration) */
.iti {
	width: 100%;
	border: 1px solid transparent; /* allows border-color changes to be visible */
	border-radius: 2px; /* optional: match your inputs */
}

/* intl-tel-input forces input vertical margin to 0, so apply spacing on wrapper */
.elementArea > .iti {
	margin: 0.5em 0em 0em 0em !important; /* matches .field margin in metro.css */
}

.iti__country-list,
.iti__selected-dial-code {
	font: inherit;
}

/* Tell intl-tel-input where the flag sprites live */
.iti {
	--iti-path-flags-1x: url("/includes/js/intlTelInput/flags.webp");
	--iti-path-flags-2x: url("/includes/js/intlTelInput/flags@2x.webp");
}

/* RTL: keep intl-tel-input itself LTR (wrapper + internals) */
.rtl .iti,
.rtl .iti * {
	direction: ltr;
	unicode-bidi: plaintext;
}

.rtl .iti input[type="tel"] {
	direction: ltr;
	text-align: left;
}

.rtl .iti__flag-container {
	left: 0;
	right: auto;
}

.rtl .iti--separate-dial-code input[type="tel"],
.rtl .iti--allow-dropdown input[type="tel"] {
	padding-left: 52px;
	padding-right: 12px;
}

#phone {
    top: -0.15em;
}