@CHARSET "ISO-8859-1";

#validate {
	display: none;
}

#validate #successMessage,
#validateErrorMessage,
#registrationErrorMessage {
	display: none;
}

#regEmail {
	font-weight: bold;
}

#agbDig {
	border: 1px solid white;
}

/* intl-tel-input: make container full width (docs) */
.iti {
	width: 100%;
}

/* intl-tel-input: plugin forces input vertical margin to 0 (docs),
   so re-apply your Metro spacing to the .iti wrapper instead */
.elementArea > .iti {
	margin: 0.5em 0em 0em 0em !important; /* matches .field margin in metro.css */
}

/* Keep dropdown text consistent with your typography */
.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");
}

#phone {
	top: -0.15em;
}

/* Make “optional” labels visually quieter */
.optionalHint {
	opacity: 0.75;
	font-weight: normal;
}

/* Global RTL flow for your content */
body.l_rtl .contentAreaStyle {
	direction: rtl;
}

/* BUT intl-tel-input must stay LTR (wrapper + internals) */
body.l_rtl .iti,
body.l_rtl .iti * {
	direction: ltr;
	unicode-bidi: plaintext;
}

/* Ensure the actual tel input is LTR and left-aligned */
body.l_rtl .iti input[type="tel"] {
	direction: ltr;
	text-align: left;
}

/* Make sure the flag container stays on the left (some RTL setups flip it) */
body.l_rtl .iti__flag-container {
	left: 0;
	right: auto;
}

/* If you use separateDialCode, ensure padding is still left-based */
body.l_rtl .iti--separate-dial-code input[type="tel"],
body.l_rtl .iti--allow-dropdown input[type="tel"] {
	padding-left: 52px;   /* typical value; adjust if your flag area differs */
	padding-right: 12px;
}

.requiredMark {
	font-weight: bold;
	margin-left: 0.25em;
}

.iti {
	border: 1px solid transparent; /* allows border-color changes to be visible */
	border-radius: 2px; /* optional: match your inputs */
}

#passwordResetOption {
	display: none;
}