/**
 * MyBoxOffice — campo cellulare con la bandierina (js/mybo-phone-field.js).
 *
 * Il componente (assets/lib/intl-tel-input/) avvolge il campo in un .iti
 * largo quanto il suo contenuto: qui lo si allarga come gli altri campi del
 * modulo. L'elenco delle nazioni ha sfondo chiaro proprio: il testo non deve
 * ereditare il bianco dei temi scuri, o sparisce.
 *
 * @author  Fabio Vangelista
 */
.iti {
	display: block;
	width: 100%;
}
.iti .iti__tel-input,
.iti input[type="tel"] {
	width: 100%;
	box-sizing: border-box;
}
/* Lo spazio per bandiera e prefisso (js/mybo-phone-field.js, syncPad): la
   classe ripetuta batte i padding con !important dei fogli dei moduli. */
.iti.iti .iti__tel-input.iti__tel-input.iti__tel-input {
	padding-left: var(--mybo-iti-pad, 90px) !important;
}
.iti__dropdown-content,
.iti__dropdown-content .iti__search-input {
	color: initial;
}
/* Bandiera e prefisso stanno sopra il campo: prendono il suo colore del testo
   (scuro su campo chiaro), non quello della pagina. */
.iti__country-container {
	color: initial;
}