/* Dialtidy: phone fields with a country flag. */

.wc-block-components-text-input .iti,
.woocommerce form .form-row .iti {
	display: block;
	width: 100%;
}

.wc-block-components-text-input .iti ~ label {
	margin-left: 46px;
	max-width: calc(100% - 64px);
}

.iti--inline-country-selector .iti__country-selector {
	min-width: min(320px, 90vw);
}

.iti__country-list {
	font-size: 0.9rem;
}

.dialtidy-hint {
	margin: 0.4em 0 0;
	font-size: 0.875em;
	color: #8a5a00;
}

.dialtidy-error {
	margin: 0.4em 0 0;
	font-size: 0.875em;
	color: #cc1818;
}

.dialtidy-hint,
.dialtidy-error {
	white-space: normal;
	overflow-wrap: anywhere;
}

.woocommerce-invalid .iti input[type="tel"] {
	border-color: #cc1818;
}

.iti__country-container .iti__selected-country:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

/* Themes that style every button: the country button stays plain. */
.iti .iti__country-container .iti__selected-country.iti__selected-country,
.iti .iti__country-container .iti__selected-country.iti__selected-country:hover,
.iti .iti__country-container .iti__selected-country.iti__selected-country:active,
.iti .iti__country-container .iti__selected-country.iti__selected-country:focus {
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: inherit;
	font: inherit;
	letter-spacing: normal;
	margin: 0;
	min-height: 0;
	padding: 0;
	text-transform: none;
	width: auto;
}