/**
 * Стили для поля международного телефона в Contact Form 7
 */

/* Базовые стили для intl-tel-input */
.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;
}

/* Адаптация под стили CF7 */
.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;
}

.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]:focus {
	outline: none;
}

/* Сообщение об ошибке */
.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;
}