.ixia-phone-error {
	color: #b42318;
	font-size: 0.875rem;
	margin-top: 0.375rem;
}

.ixia-phone-invalid {
	border-color: #b42318 !important;
}

.iti {
	width: 100%;
}

.iti input {
	width: 100%;
}

/* Mostrar labels solo en los fieldsets de checkout indicados */
.wc-block-checkout__shipping-fields.wp-block-woocommerce-checkout-shipping-address-block.wc-block-components-checkout-step
	label,
.wc-block-checkout__billing-fields.wp-block-woocommerce-checkout-billing-address-block.wc-block-components-checkout-step
	label {
	display: block !important;
}

/* Ocultar label SOLO para el campo de teléfono dentro de esos fieldsets */
.wc-block-checkout__shipping-fields.wp-block-woocommerce-checkout-shipping-address-block.wc-block-components-checkout-step
	.wc-block-components-text-input.wc-block-components-address-form__phone
	> label,
.wc-block-checkout__billing-fields.wp-block-woocommerce-checkout-billing-address-block.wc-block-components-checkout-step
	.wc-block-components-text-input.wc-block-components-address-form__phone
	> label {
	display: none !important;
}

/* Evitar duplicación visual del mensaje de error en checkout blocks */
.wc-block-checkout__shipping-fields.wp-block-woocommerce-checkout-shipping-address-block.wc-block-components-checkout-step
	.ixia-phone-error,
.wc-block-checkout__billing-fields.wp-block-woocommerce-checkout-billing-address-block.wc-block-components-checkout-step
	.ixia-phone-error {
	display: none !important;
}

.wc-block-components-text-input.ixia-block-phone-with-prefix {
	position: relative;
}

.wc-block-components-text-input.ixia-block-phone-with-prefix
	.ixia-block-phone-react-mount {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 5;
	display: block;
	pointer-events: auto;
}

.wc-block-components-text-input.ixia-block-phone-with-prefix
	.ixia-block-phone-react-mount
	.react-international-phone-input-container {
	height: 100%;
	width: 100%;
}

.wc-block-components-text-input.ixia-block-phone-with-prefix
	.ixia-block-phone-react-mount
	.iti {
	width: 100% !important;
	height: 100%;
	display: block;
}

.wc-block-components-text-input.ixia-block-phone-with-prefix
	.ixia-block-phone-react-mount
	.iti__country-container {
	z-index: 6;
}

.wc-block-components-text-input.ixia-block-phone-with-prefix
	.ixia-block-phone-react-mount
	.iti__selected-country {
	height: 100%;
}

.wc-block-components-text-input.ixia-block-phone-with-prefix
	.ixia-block-phone-react-mount
	.iti__tel-input,
.wc-block-components-text-input.ixia-block-phone-with-prefix
	.ixia-block-phone-react-mount
	.ixia-block-phone-proxy-input {
	height: 100% !important;
	width: 100% !important;
	padding-left: 52px !important;
	padding-right: 12px;
	border: 1px solid #949494;
	border-radius: 4px;
	background: #fff;
	opacity: 1 !important;
	pointer-events: auto !important;
}

.wc-block-components-text-input.ixia-block-phone-with-prefix
	.ixia-block-phone-react-mount
	.react-international-phone-input {
	height: 100%;
	width: 100%;
	border: 1px solid #949494;
	border-radius: 4px;
	padding-left: 78px;
	font-size: 16px;
}

.wc-block-components-text-input.ixia-block-phone-with-prefix
	.ixia-block-phone-react-mount
	.react-international-phone-country-selector-button {
	height: 100%;
	border: 1px solid #949494;
	border-right: 0;
	border-radius: 4px 0 0 4px;
	background: #fff;
	padding: 0 8px;
}

.wc-block-components-text-input.ixia-block-phone-with-prefix input {
	opacity: 0;
	pointer-events: none;
}

.wc-block-components-text-input.ixia-block-phone-with-prefix
	.ixia-block-phone-proxy-input {
	height: 100%;
	width: 100%;
}