/**
 * Styles for AVS – CF7 International Phone
 */

.intl-tel-input {
	position: relative;
	display: inline-block;
	width: 100%;
}

.intl-tel-input .selected-flag {
	z-index: 4;
}

.intl-tel-input .country-list {
	z-index: 9999;
}

.wpcf7-form-control-wrap input[data-intl-phone] {
	padding-left: 52px !important;
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.allow-dropdown input[type=text] {
	padding-left: 52px;
}

.iti--inline-dropdown .iti__dropdown-content {
	z-index: 11;
}

/* Mobile: dropdown is moved to end of body (fullscreen popup) — must be above modals */
body > .iti.iti--container.iti--fullscreen-popup {
	z-index: 999999 !important;
	position: fixed !important;
}

/* Constrain dropdown width so it does not overflow; override library inline width (JS also clears it) */
.wpcf7-form-control-wrap .iti .iti__dropdown-content,
.wpcf7-form-control-wrap .iti .iti_dropdown-content {
	max-width: 100% !important;
	width: 100% !important;
	min-width: 280px;
	box-sizing: border-box;
}

.content-post ul.iti__country-list li::before {
	display: none;
}

@media (max-width: 768px) {
	.intl-tel-input .country-list {
		max-height: 200px;
		overflow-y: auto;
	}
}

.wpcf7-form-control-wrap input[data-intl-phone].wpcf7-not-valid {
	border-color: #f00;
}

.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
	display: block !important;
	color: #f00;
	font-size: 1em;
	margin-top: 0.5em;
	visibility: visible !important;
	opacity: 1 !important;
}