/**
 * Custom CSS Fixes for Phone Number Input
 * Adjusts the position of country flag and dropdown arrow
 * 
 * @date 2025-12-24
 */

/* Fix flag position - move to left */
.intl-tel-input .selected-flag .iti-flag {
    left: 1rem !important;
}

/* Fix arrow position - move to right */
.intl-tel-input .selected-flag .iti-arrow {
    right: 72px !important;
}

/* Additional adjustments for better RTL support */
.intl-tel-input.allow-dropdown .selected-flag {
    padding: 0 !important;
}

/* Ensure the dial code displays correctly */
.intl-tel-input .selected-dial-code {
    margin-left: 0 !important;
    padding-left: 3rem !important;
}