/* 1.8.502 — Unselected Blank/Engraved hover: navy fill slides in on a ::before
   layer; label + price go yellow #F3C91A immediately (no color tween, so the
   price never vanishes over the incoming navy). Enqueued after awards-501 and
   bundle-495 so later product-price !important rules cannot win.
   Selected and focus-visible appearance is left to 501 (yellow inset ring). */

body.idx-engrave-product .idx-eo__face {
	position: relative;
	overflow: hidden;
	/* Color snap-back waits until the fill has slid out. Hover/selected override. */
	transition: background-size .28s ease, color 0s linear .28s;
}
body.idx-engrave-product .idx-eo__face::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background: #0f143a;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .28s ease;
	pointer-events: none;
}
body.idx-engrave-product .idx-eo__name,
body.idx-engrave-product .idx-eo__price,
body.idx-engrave-product .idx-eo__price .woocommerce-Price-amount,
body.idx-engrave-product .idx-eo__price .amount,
body.idx-engrave-product .idx-eo__price bdi,
body.idx-engrave-product .idx-eo__price .woocommerce-Price-currencySymbol {
	position: relative;
	z-index: 1;
	transition: color 0s linear .28s;
}

/* Real mouse can sit on the overlay radio; keep the label as the hover target. */
body.idx-engrave-product .idx-eo__choice input {
	pointer-events: none;
}

/* Unselected + hover: do not paint the face itself navy (that would snap the
   fill). The ::before scaleX is the visible slide-in. Text is yellow at once. */
body.idx-engrave-product .idx-eo__choice:hover input:not(:checked) + .idx-eo__face,
body.idx-engrave-product .idx-eo__choice:hover:not(:has(input:checked)) .idx-eo__face {
	background-color: #fff !important;
	background-size: 0% 100% !important;
	color: #F3C91A !important;
	-webkit-text-fill-color: #F3C91A !important;
	transition: background-size .28s ease, color 0s;
}
body.idx-engrave-product .idx-eo__choice:hover .idx-eo__face::before,
body.idx-engrave-product .idx-eo__choice input:hover + .idx-eo__face::before,
body.idx-engrave-product .idx-eo__choice input:checked + .idx-eo__face::before {
	transform: scaleX(1);
}

/* Selected (and selected+hover): keep 501 navy face + yellow text + ring. */
body.idx-engrave-product .idx-eo__choice input:checked + .idx-eo__face,
body.idx-engrave-product .idx-eo__choice:hover input:checked + .idx-eo__face {
	background-color: #0f143a !important;
	background-image: linear-gradient(#0f143a, #0f143a) !important;
	background-size: 100% 100% !important;
	color: #F3C91A !important;
	-webkit-text-fill-color: #F3C91A !important;
	transition: background-size .28s ease, color 0s;
}

body.idx-engrave-product .idx-eo__choice:hover .idx-eo__face .idx-eo__name,
body.idx-engrave-product .idx-eo__choice:hover .idx-eo__face .idx-eo__price,
body.idx-engrave-product .idx-eo__choice:hover .idx-eo__face .idx-eo__price .woocommerce-Price-amount,
body.idx-engrave-product .idx-eo__choice:hover .idx-eo__face .idx-eo__price .amount,
body.idx-engrave-product .idx-eo__choice:hover .idx-eo__face .idx-eo__price bdi,
body.idx-engrave-product .idx-eo__choice:hover .idx-eo__face .idx-eo__price .woocommerce-Price-currencySymbol,
body.idx-engrave-product .idx-eo__choice input:hover + .idx-eo__face .idx-eo__name,
body.idx-engrave-product .idx-eo__choice input:hover + .idx-eo__face .idx-eo__price,
body.idx-engrave-product .idx-eo__choice input:hover + .idx-eo__face .idx-eo__price .woocommerce-Price-amount,
body.idx-engrave-product .idx-eo__choice input:hover + .idx-eo__face .idx-eo__price .amount,
body.idx-engrave-product .idx-eo__choice input:hover + .idx-eo__face .idx-eo__price bdi,
body.idx-engrave-product .idx-eo__choice input:hover + .idx-eo__face .idx-eo__price .woocommerce-Price-currencySymbol,
body.idx-engrave-product .idx-eo__choice input:checked + .idx-eo__face .idx-eo__name,
body.idx-engrave-product .idx-eo__choice input:checked + .idx-eo__face .idx-eo__price,
body.idx-engrave-product .idx-eo__choice input:checked + .idx-eo__face .idx-eo__price .woocommerce-Price-amount,
body.idx-engrave-product .idx-eo__choice input:checked + .idx-eo__face .idx-eo__price .amount,
body.idx-engrave-product .idx-eo__choice input:checked + .idx-eo__face .idx-eo__price bdi,
body.idx-engrave-product .idx-eo__choice input:checked + .idx-eo__face .idx-eo__price .woocommerce-Price-currencySymbol {
	color: #F3C91A !important;
	-webkit-text-fill-color: #F3C91A !important;
	background: transparent !important;
	transition: color 0s;
}

body.idx-engrave-product .idx-eo__choice input:checked + .idx-eo__face,
body.idx-engrave-product .idx-eo__choice input:focus-visible + .idx-eo__face {
	z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
	body.idx-engrave-product .idx-eo__face,
	body.idx-engrave-product .idx-eo__face::before,
	body.idx-engrave-product .idx-eo__name,
	body.idx-engrave-product .idx-eo__price {
		transition: none;
	}
}