/* Scoped to containerClass: also matches the popup detached to <body> */

/* Full-width field */
.iti.elementor-intl-phone:not(.iti--detached-country-selector) {
	width: 100%;
}

/* Above Elementor popups */
.iti--detached-country-selector.elementor-intl-phone {
	z-index: 100000;
}

/* Flag button: undo theme button styles */
.iti.elementor-intl-phone .iti__selected-country,
.iti.elementor-intl-phone .iti__selected-country:hover,
.iti.elementor-intl-phone .iti__selected-country:focus {
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--intl-phone-color, inherit) !important;
	font-family: var(--intl-phone-font-family, inherit) !important;
	font-size: var(--intl-phone-font-size, inherit) !important;
	font-weight: var(--intl-phone-font-weight, inherit) !important;
	text-transform: none !important;
	letter-spacing: inherit !important;
}

/* Arrow matches the dial code */
.iti.elementor-intl-phone .iti__arrow {
	border-right-color: currentColor;
	border-bottom-color: currentColor;
}

/* Centre the flag button where the field centres its text */
.iti.elementor-intl-phone .iti__country-container {
	padding-top: var(--intl-phone-border-top-width, 1px);
	padding-bottom: var(--intl-phone-border-bottom-width, 1px);
}

/* Search: clear the icon, hide placeholder */
.iti.elementor-intl-phone .iti__search-input {
	padding-left: calc(var(--iti-spacer-horizontal) + var(--iti-globe-icon-size) + var(--iti-spacer-horizontal)) !important;
	padding-right: calc(var(--iti-spacer-horizontal) + var(--iti-clear-icon-size) + var(--iti-spacer-horizontal)) !important;
}

.iti.elementor-intl-phone .iti__search-input::placeholder {
	color: transparent;
}