/**
 * intl-tel-input — theme forms (hero, contact, modal). One flag per field.
 *
 * LiteSpeed bundles generic .iti__flag rules that resolve --iti-path-flags-1x
 * relative to the theme CSS dir (404 on assets/img/flags.webp). Absolute URLs
 * are injected via --leocar-iti-flags-* in inc/enqueue.php.
 */

.leocar-phone-field .iti,
#leo-hero-form .iti,
#leocar-contact-form .iti,
.leo-questions form.priceForm .iti,
#leo-modals .iti,
.forminator-iti-input.iti {
	--iti-path-flags-1x: var(--leocar-iti-flags-1x);
	--iti-path-flags-2x: var(--leocar-iti-flags-2x);
	--iti-flag-sprite-width: 3904px;
	--iti-flag-sprite-height: 12px;
}

.leocar-phone-field .iti .iti__flag,
#leo-hero-form .iti .iti__flag,
.leo-questions form.priceForm .iti .iti__flag,
#leo-modals .iti .iti__flag,
.forminator-iti-input.iti .iti__flag {
	--iti-flag-width: 16px;
	background-image: var(--iti-path-flags-1x) !important;
	background-repeat: no-repeat !important;
	background-position: var(--iti-flag-offset) 0 !important;
	background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height) !important;
	/* LiteSpeed sets 20px width; Forminator US sprite slice is 16px — extra px shows garbage. */
	width: var(--iti-flag-width, 16px) !important;
	max-width: var(--iti-flag-width, 16px) !important;
	height: var(--iti-flag-height, 12px) !important;
	overflow: hidden !important;
	box-sizing: content-box !important;
}

@media (min-resolution: 2x) {
	.leocar-phone-field .iti .iti__flag,
	#leo-hero-form .iti .iti__flag,
	.leo-questions form.priceForm .iti .iti__flag,
	#leo-modals .iti .iti__flag,
	.forminator-iti-input.iti .iti__flag {
		background-image: var(--iti-path-flags-2x) !important;
	}
}

.leocar-phone-field .iti,
#leo-hero-form .iti,
.leo-questions form.priceForm .iti,
#leo-modals .iti,
.leocar-consultation-modal .iti {
	display: block;
	width: 100%;
}

.leocar-phone-field .iti input[type='tel'],
#leo-hero-form .iti input[type='tel'],
.leo-questions form.priceForm .iti input[type='tel'],
#leo-modals .forminator-field-phone input[type='tel'] {
	width: 100% !important;
	min-height: 44px;
	padding-top: 4px !important;
	padding-bottom: 10px !important;
	padding-right: 0 !important;
	border: 0;
	border-bottom: 1px solid rgba(255 255 255 / 0.35);
	border-radius: 0;
	background: transparent;
	color: #fafafa;
	box-sizing: border-box;
}

/* Single flag column — plugin padding (v23+ uses --iti-input-padding). */
.leocar-phone-field .iti--allow-dropdown input[type='tel'],
#leo-hero-form .iti--allow-dropdown input[type='tel'],
.leo-questions form.priceForm .iti--allow-dropdown input[type='tel'] {
	padding-left: 52px !important;
}

.leocar-phone-field .iti__country-container,
#leo-hero-form .iti__country-container,
.leo-questions form.priceForm .iti__country-container {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
}

.leocar-phone-field .iti__selected-country,
#leo-hero-form .iti__selected-country,
.leo-questions form.priceForm .iti__selected-country {
	height: 100%;
	padding: 0 6px 0 0;
	background: transparent;
	border: 0;
}

.leocar-phone-field .iti__selected-country-primary,
#leo-hero-form .iti__selected-country-primary,
.leo-questions form.priceForm .iti__selected-country-primary {
	display: flex;
	align-items: center;
	gap: 0;
}

/* Flag only — no dial code, arrow, or visible country label. */
.leocar-phone-field .iti__code,
#leo-hero-form .iti__code,
.leo-questions form.priceForm .iti__code,
#leo-modals .iti__code,
.leocar-phone-field .iti__selected-dial-code,
#leo-hero-form .iti__selected-dial-code,
.leo-questions form.priceForm .iti__selected-dial-code,
#leo-modals .iti__selected-dial-code,
.leocar-phone-field .iti__arrow,
#leo-hero-form .iti__arrow,
.leo-questions form.priceForm .iti__arrow,
#leo-modals .iti__arrow {
	display: none !important;
}

.leocar-phone-field .iti__a11y-text,
#leo-hero-form .iti__a11y-text,
.leo-questions form.priceForm .iti__a11y-text,
#leo-modals .iti__a11y-text,
.forminator-iti-input .iti__a11y-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
	color: transparent !important;
}

.leocar-phone-field .iti__selected-country,
#leo-hero-form .iti__selected-country,
.leo-questions form.priceForm .iti__selected-country,
#leo-modals .iti__selected-country {
	padding-right: 0;
}

/* Legacy static mirror chrome (if any remains in cache). */
.leocar-iti-static > .iti__country-container,
.iti.leocar-iti-static > .iti__country-container {
	display: none !important;
}

.iti .iti .iti__country-container {
	display: none !important;
}

/* Forminator modal — avoid double padding from theme + plugin */
#leo-modals .forminator-field-phone .iti input[type='tel'] {
	padding-left: 52px !important;
}

/* Country dropdown — dark panel + light text (Forminator/plugin defaults are white). */
#leo-hero-form .iti__dropdown-content,
.leocar-phone-field .iti__dropdown-content,
.leo-questions form.priceForm .iti__dropdown-content,
#leo-modals .iti__dropdown-content,
.forminator-iti-input .iti__dropdown-content {
	background: #141414 !important;
	border: 1px solid rgba(255 255 255 / 0.14) !important;
	border-radius: 12px !important;
	box-shadow: 0 12px 32px rgba(0 0 0 / 0.45) !important;
	color: #fafafa !important;
}

#leo-hero-form .iti__search-input,
.leocar-phone-field .iti__search-input,
.leo-questions form.priceForm .iti__search-input,
#leo-modals .iti__search-input,
.forminator-iti-input .iti__search-input {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0.5rem 0.65rem !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(255 255 255 / 0.12) !important;
	border-radius: 12px 12px 0 0 !important;
	background: #0f0f0f !important;
	color: #fafafa !important;
}

#leo-hero-form .iti__search-input::placeholder,
.leocar-phone-field .iti__search-input::placeholder,
.leo-questions form.priceForm .iti__search-input::placeholder,
#leo-modals .iti__search-input::placeholder,
.forminator-iti-input .iti__search-input::placeholder {
	color: rgba(250 250 250 / 0.45) !important;
}

#leo-hero-form .iti__country-list,
.leocar-phone-field .iti__country-list,
.leo-questions form.priceForm .iti__country-list,
#leo-modals .iti__country-list,
.forminator-iti-input .iti__country-list {
	background: transparent !important;
	color: #fafafa !important;
}

#leo-hero-form .iti__country,
.leocar-phone-field .iti__country,
.leo-questions form.priceForm .iti__country,
#leo-modals .iti__country,
.forminator-iti-input .iti__country {
	background: transparent !important;
	color: #fafafa !important;
}

#leo-hero-form .iti__country-name,
.leocar-phone-field .iti__country-name,
.leo-questions form.priceForm .iti__country-name,
#leo-modals .iti__country-name,
.forminator-iti-input .iti__country-name {
	color: #fafafa !important;
}

#leo-hero-form .iti__dial-code,
.leocar-phone-field .iti__dial-code,
.leo-questions form.priceForm .iti__dial-code,
#leo-modals .iti__dial-code,
.forminator-iti-input .iti__dial-code {
	color: rgba(250 250 250 / 0.65) !important;
}

#leo-hero-form .iti__country.iti__highlight,
.leocar-phone-field .iti__country.iti__highlight,
.leo-questions form.priceForm .iti__country.iti__highlight,
#leo-modals .iti__country.iti__highlight,
.forminator-iti-input .iti__country.iti__highlight {
	background: rgba(39 172 91 / 0.22) !important;
	color: #fafafa !important;
}

#leo-hero-form .iti__country.iti__highlight .iti__country-name,
.leocar-phone-field .iti__country.iti__highlight .iti__country-name,
.leo-questions form.priceForm .iti__country.iti__highlight .iti__country-name,
#leo-modals .iti__country.iti__highlight .iti__country-name,
.forminator-iti-input .iti__country.iti__highlight .iti__country-name,
#leo-hero-form .iti__country.iti__highlight .iti__dial-code,
.leocar-phone-field .iti__country.iti__highlight .iti__dial-code,
.leo-questions form.priceForm .iti__country.iti__highlight .iti__dial-code,
#leo-modals .iti__country.iti__highlight .iti__dial-code,
.forminator-iti-input .iti__country.iti__highlight .iti__dial-code {
	color: #fafafa !important;
}