.woocommerce form .form-row.wccip-phone-row {
	position: relative;
	overflow: visible !important;
	z-index: 12;
}

.woocommerce form .form-row.wccip-phone-row .iti {
	--iti-border-color: #cfd6df;
	--iti-dialcode-color: #5b6472;
	--iti-dropdown-bg: #ffffff;
	--iti-hover-color: #f3f4f6;
	--iti-search-icon-color: #6b7280;
	--iti-arrow-color: #475467;
	display: block;
	width: 100%;
	color: #111827;
}

.woocommerce form .form-row.wccip-phone-row .iti {
	position: relative;
}

.woocommerce form .form-row.wccip-phone-row .iti input.iti__tel-input,
.woocommerce form .form-row.wccip-phone-row .iti input.iti__tel-input[type="tel"],
.woocommerce form .form-row.wccip-phone-row .iti input.iti__tel-input[type="text"] {
	width: 100%;
	padding-left: 124px !important;
	min-height: 44px;
}

.woocommerce form .form-row.wccip-phone-row .iti__country-container {
	left: 10px;
	top: 50%;
	bottom: auto;
	transform: translateY(-50%);
	padding: 0 12px 0 0;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	min-height: 36px;
	max-width: 108px;
	border-radius: 999px;
	background: #ffffff;
	border: 1px solid #d5dbe3;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
	overflow: hidden;
	z-index: 4;
}

.woocommerce form .form-row.wccip-phone-row .iti__country-container:hover,
.woocommerce form .form-row.wccip-phone-row .iti__country-container:focus-within {
	background: #ffffff;
	border-color: #98a2b3;
	box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.08);
}

.woocommerce form .form-row.wccip-phone-row .iti__selected-country {
	min-height: 36px;
	background: transparent;
	border: 0;
	box-shadow: none;
	cursor: pointer;
	color: #111827;
	outline: none;
}

.woocommerce form .form-row.wccip-phone-row .iti__selected-country-primary {
	padding: 0 10px 0 12px;
	gap: 6px;
}

.woocommerce form .form-row.wccip-phone-row .iti__selected-dial-code {
	color: #111827;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
	margin-left: 0;
	padding: 0;
}

.woocommerce form .form-row.wccip-phone-row .iti__arrow {
	border-top-color: #475467;
}

.woocommerce form .form-row.wccip-phone-row .iti__dropdown-content {
	background: #ffffff;
	color: #111827;
	border: 1px solid #d0d5dd;
	border-radius: 14px;
	box-shadow: 0 16px 48px rgba(16, 24, 40, 0.18);
	overflow: hidden;
	z-index: 100000;
}

.woocommerce form .form-row.wccip-phone-row .iti--inline-dropdown .iti__dropdown-content {
	width: min(320px, calc(100vw - 32px));
}

.wccip-phone-dropdown {
	z-index: 100000 !important;
}

.wccip-phone-dropdown .iti__dropdown-content {
	background: #ffffff;
	color: #111827;
	border: 1px solid #d0d5dd;
	border-radius: 14px;
	box-shadow: 0 16px 48px rgba(16, 24, 40, 0.18);
	overflow: hidden;
}

.wccip-phone-dropdown .iti__search-input-wrapper {
	position: relative;
	overflow: hidden;
	border-radius: 12px;
	background: #ffffff;
	padding: 8px;
}

.wccip-phone-dropdown .iti__search-input {
	background: #ffffff !important;
	color: #111827 !important;
	border: 1px solid #d0d5dd !important;
	padding-left: 34px;
	padding-right: 34px;
	line-height: 1.2;
	border-radius: 12px;
	box-shadow: none !important;
}

.wccip-phone-dropdown .iti__search-input::placeholder {
	color: #6b7280 !important;
	opacity: 1;
}

.wccip-phone-dropdown .iti__search-icon {
	left: 18px;
	color: #6b7280;
}

.wccip-phone-dropdown .iti__search-clear {
	right: 12px;
	width: 22px;
	height: 22px;
	padding: 3px;
}

.wccip-phone-dropdown .iti__country-list {
	background: #ffffff;
	color: #111827;
	scrollbar-color: #cbd5e1 #ffffff;
	max-height: min(320px, 50vh);
}

.wccip-phone-dropdown .iti__country {
	padding: 10px 12px;
	color: #111827;
}

.wccip-phone-dropdown .iti__country-name {
	color: #111827;
}

.wccip-phone-dropdown .iti__dial-code {
	color: #667085;
}

.wccip-phone-dropdown .iti__country.iti__highlight,
.wccip-phone-dropdown .iti__country:hover,
.wccip-phone-dropdown .iti__country:focus {
	background: #f3f4f6;
}

.woocommerce form .form-row.wccip-phone-row .iti__country-list {
	background: #ffffff;
	color: #111827;
	scrollbar-color: #cbd5e1 #ffffff;
}

.woocommerce form .form-row.wccip-phone-row .iti__country {
	padding: 10px 12px;
	color: #111827;
}

.woocommerce form .form-row.wccip-phone-row .iti__country-name {
	color: #111827;
}

.woocommerce form .form-row.wccip-phone-row .iti__dial-code {
	color: #667085;
}

.woocommerce form .form-row.wccip-phone-row .iti__country.iti__highlight,
.woocommerce form .form-row.wccip-phone-row .iti__country:hover,
.woocommerce form .form-row.wccip-phone-row .iti__country:focus {
	background: #f3f4f6;
}

.woocommerce form .form-row.wccip-phone-row .iti__search-input-wrapper {
	position: relative;
	overflow: hidden;
	border-radius: 12px;
	background: #ffffff;
}

.woocommerce form .form-row.wccip-phone-row .iti__search-input {
	background: #ffffff !important;
	color: #111827 !important;
	border: 1px solid #d0d5dd !important;
	padding-left: 34px;
	padding-right: 34px;
	line-height: 1.2;
	border-radius: 12px;
	box-shadow: none !important;
}

.woocommerce form .form-row.wccip-phone-row .iti__search-icon {
	left: 10px;
	color: #6b7280;
}

.woocommerce form .form-row.wccip-phone-row .iti__search-clear {
	right: 4px;
	width: 22px;
	height: 22px;
	padding: 3px;
}

.woocommerce form .form-row.wccip-phone-row .iti__search-input::placeholder {
	color: #6b7280 !important;
	opacity: 1;
}

.woocommerce form .form-row.wccip-phone-row .iti__search-no-results {
	color: #475467;
}

@media (max-width: 767px) {
	.woocommerce form .form-row.wccip-phone-row .iti input.iti__tel-input,
	.woocommerce form .form-row.wccip-phone-row .iti input.iti__tel-input[type="tel"],
	.woocommerce form .form-row.wccip-phone-row .iti input.iti__tel-input[type="text"] {
		padding-left: 118px !important;
	}

	.woocommerce form .form-row.wccip-phone-row .iti__country-container {
		max-width: 102px;
	}
}