/* Custom styles for intl-tel-input to match Bootstrap form layout */

/* Make the intl-tel-input container take full width */
.iti {
    display: block !important;
    width: 100% !important;
}

/* Make the input inside intl-tel-input take full width */
.iti__tel-input {
    width: 100% !important;
}

/* Ensure the flag container stays in the correct position */
.iti__flag-container {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

/* Add padding to the left of the input to make room for the flag */
.iti--separate-dial-code .iti__tel-input {
    padding-left: 86px !important;
}