/* Ensure LTR behavior in RTL environments for intl-tel-input */
.iti {
    direction: ltr !important; /* Force LTR direction */
    text-align: left !important;
}

.iti__country-container {
    left: 0 !important; /* Ensure the dropdown is on the left */
    right: auto !important;
}

.iti input.iti__tel-input,
.iti input.iti__tel-input[type=tel],
.iti input.iti__tel-input[type=text] {
    padding-left: calc(var(--iti-flag-width) + var(--iti-spacer-horizontal) + 60px) !important; /* Add extra padding to clear the country code */
    padding-right: var(--iti-input-padding) !important;
    text-align: left !important; /* Ensure text alignment is left */
    direction: ltr !important; /* Ensure input text is LTR */
}

.iti__arrow {
    margin-left: var(--iti-arrow-padding) !important; /* Arrow on the left */
    margin-right: 0 !important;
    direction: ltr !important; /* Ensure arrow direction is LTR */
}

.iti .iti__selected-dial-code {
    margin-left: 4px !important;
    margin-right: 0 !important; /* Ensure dial code is on the left */
}

.iti__country-name,
.iti__flag-box {
    margin-left: 0 !important;
    margin-right: var(--iti-spacer-horizontal) !important; /* Adjust flag and country name spacing */
}

.iti--allow-dropdown .iti__country-container {
    left: 0 !important; /* Ensure dropdown is on the left */
    right: auto !important;
}