/* Flores Navarro — widget de prefijo telefónico (intl-tel-input) */

/* El widget ocupa todo el ancho del contenedor del input original */
.iti {
    width: 100%;
    display: block;
}
.iti input,
.iti input[type="tel"],
.iti input.form-control {
    width: 100%;
}

/* Al ocultar el <select> de prefijo, su columna del teléfono pasa a ocupar el 100% */
[data-iti-phone-col] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Botón de país (bandera + prefijo) alineado con la estética de los inputs del tema */
.iti__selected-country {
    border-radius: 0.375rem 0 0 0.375rem;
}

/* El desplegable de países debe quedar por encima del resto del checkout */
.iti__dropdown-content {
    z-index: 1100;
}

/* En pantallas pequeñas, el popup a pantalla completa de intl-tel-input por encima de todo */
.iti--fullscreen-popup .iti__dropdown-content {
    z-index: 2000;
}