/* intl-tel-input v29 — separateDialCode : le pays/indicatif est en position absolue à gauche.
   Le padding-left de l'input est calculé en JS ; ne pas le écraser avec un padding shorthand. */

.single_billing_inp .iti,
.acprof_info_wrap .iti,
.register_form .iti {
    width: 100%;
    display: block;
    margin-bottom: 5px;
}

/* Annuler style.css (.single_billing_inp input { padding: 8px 16px; width: 100% }) */
.single_billing_inp .iti input.iti__tel-input,
.single_billing_inp .iti input.iti__tel-input.form-control,
.acprof_info_wrap .iti input.iti__tel-input,
.acprof_info_wrap .iti input.iti__tel-input.form-control,
.register_form .iti input.iti__tel-input,
.register_form .iti input.iti__tel-input.form-control {
    box-sizing: border-box;
    width: 100%;
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 1.5;
    border: 1px solid #E9E4E4;
    border-radius: 3px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 16px;
    /* padding-left : géré en inline par intl-tel-input selon la largeur de l'indicatif */
}

.single_billing_inp .iti .iti__country-container {
    z-index: 2;
}

.single_billing_inp .iti .iti__selected-country,
.single_billing_inp .iti .iti__selected-country-primary,
.single_billing_inp .iti .iti__selected-dial-code,
.acprof_info_wrap .iti .iti__selected-country,
.acprof_info_wrap .iti .iti__selected-country-primary,
.acprof_info_wrap .iti .iti__selected-dial-code,
.register_form .iti .iti__selected-country,
.register_form .iti .iti__selected-country-primary,
.register_form .iti .iti__selected-dial-code {
    font-weight: 400;
    color: #2B2D42;
    white-space: nowrap;
}

.single_billing_inp .iti .iti__selected-dial-code,
.acprof_info_wrap .iti .iti__selected-dial-code,
.register_form .iti .iti__selected-dial-code {
    flex-shrink: 0;
}

.iti__selected-country-primary {
    border-radius: 3px 0 0 3px;
}

.iti__country-selector-dropdown,
.iti__dropdown-content {
    z-index: 1060;
}

/* Bootstrap validation */
.single_billing_inp .iti.is-invalid input.iti__tel-input,
.single_billing_inp .iti.is-invalid input.iti__tel-input:focus {
    border-color: #dc3545;
    box-shadow: none;
}

.single_billing_inp .iti.is-valid input.iti__tel-input,
.single_billing_inp .iti.is-valid input.iti__tel-input:focus {
    border-color: #28a745;
    box-shadow: none;
}

.single_billing_inp .iti.is-invalid ~ .invalid-feedback,
.single_billing_inp .was-validated .iti.is-invalid ~ .invalid-feedback {
    display: block;
    color: #dc3545;
    font-size: 13px;
    line-height: 1.5;
    margin-top: 2px;
}

.single_billing_inp .iti.is-valid ~ .valid-feedback {
    display: block;
}

.single_billing_inp p.inp_err_msg.intl-phone-error {
    margin-bottom: 0;
    color: #FB3245;
    font-size: 13px;
    line-height: 1.5;
}