/* 1.8.470 — Blank vs Engraved options (Awards + Glassware product pages). Scoped to .idx-eo. */
.idx-eo {
	--eo-navy: #0f143a;
	--eo-yellow: #F3C91A;
	--eo-line: rgba(15, 20, 58, .22);
	width: 100%;
	margin: 0 0 1.25rem;
	padding: 1.1rem 1.25rem 1.25rem;
	background: #fff;
	border: 2px solid var(--eo-navy);
	border-top: 6px solid var(--eo-yellow);
	font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: var(--eo-navy);
	box-sizing: border-box;
}
.idx-eo *, .idx-eo *::before, .idx-eo *::after { box-sizing: border-box; }

.idx-eo__title {
	margin: 0 0 .85rem;
	font-family: "Oswald", "Montserrat", sans-serif;
	font-weight: 600;
	font-size: clamp(1.2rem, 4.6vw, 1.55rem);
	letter-spacing: .04em;
	text-transform: uppercase;
	line-height: 1.15;
	color: var(--eo-navy);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.idx-eo__choices {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .75rem;
}
.idx-eo__choice { position: relative; display: block; margin: 0; cursor: pointer; }
.idx-eo__choice input {
	position: absolute; inset: 0; width: 100%; height: 100%;
	margin: 0; opacity: 0; cursor: pointer; z-index: 2;
}
.idx-eo__face {
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .15rem;
	min-height: 4.4rem; padding: .7rem .6rem; text-align: center;
	background: #fff linear-gradient(var(--eo-navy), var(--eo-navy)) no-repeat left center / 0% 100%;
	color: var(--eo-navy);
	border: 2px solid var(--eo-navy);
	border-radius: 0;
	transition: background-size .28s ease, color .28s ease;
}
.idx-eo__name {
	font-family: "Oswald", "Montserrat", sans-serif; font-weight: 600; font-size: 1.1rem;
	letter-spacing: .06em; text-transform: uppercase; line-height: 1.1; white-space: nowrap;
}
.idx-eo__price { font-weight: 700; font-size: 1rem; }
.idx-eo__price .woocommerce-Price-amount { color: inherit; }

.idx-eo__choice:hover .idx-eo__face { background-size: 100% 100%; color: var(--eo-yellow); }
.idx-eo__choice input:checked + .idx-eo__face { background-size: 100% 100%; color: var(--eo-yellow); }
.idx-eo__choice input:focus-visible + .idx-eo__face { outline: 3px solid var(--eo-yellow); outline-offset: 2px; box-shadow: 0 0 0 5px var(--eo-navy); }

.idx-eo__panel { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--eo-line); }
.idx-eo__panel[hidden] { display: none; }

.idx-eo__area { margin: 0 0 .9rem; display: flex; flex-wrap: wrap; gap: .25rem .6rem; align-items: baseline; }
.idx-eo__k {
	font-family: "Oswald", "Montserrat", sans-serif; font-weight: 600; letter-spacing: .05em;
	text-transform: uppercase; font-size: 1rem;
}
.idx-eo__v { font-weight: 600; font-size: 1rem; }

.idx-eo__upload { margin: 0 0 .9rem; }
.idx-eo__label {
	display: block; margin: 0 0 .4rem;
	font-family: "Oswald", "Montserrat", sans-serif; font-weight: 600; font-size: 1.05rem;
	letter-spacing: .05em; text-transform: uppercase;
}
.idx-eo__file {
	display: block; width: 100%; max-width: 100%; padding: .6rem; font: inherit; font-size: 16px;
	color: var(--eo-navy); background: #f6f6f8; border: 2px dashed var(--eo-navy); border-radius: 0;
}
.idx-eo__file::file-selector-button {
	margin-right: .8rem; padding: .55rem 1rem; border: 0; border-radius: 0; cursor: pointer;
	background: var(--eo-yellow); color: var(--eo-navy);
	font-family: "Oswald", "Montserrat", sans-serif; font-weight: 600; font-size: 1rem; letter-spacing: .06em; text-transform: uppercase;
}
.idx-eo__file:hover::file-selector-button { background: var(--eo-navy); color: var(--eo-yellow); }
.idx-eo__hint { margin: .4rem 0 0; font-size: 16px; opacity: .8; }
.idx-eo__error { margin: .5rem 0 0; font-size: 16px; font-weight: 600; color: #b00020; }
.idx-eo__error[hidden] { display: none; }
.idx-eo.is-invalid .idx-eo__file { border-color: #b00020; }

.idx-eo__sum { margin: 0 0 .6rem; font-size: 16px; font-weight: 600; }
.idx-eo__note {
	display: inline-block; margin: 0; padding: .35rem .75rem;
	background: var(--eo-navy); color: var(--eo-yellow);
	font-family: "Oswald", "Montserrat", sans-serif; font-weight: 600; font-size: 1rem; letter-spacing: .06em; text-transform: uppercase;
}

@media (max-width: 480px) {
	.idx-eo { padding: .95rem .9rem 1.05rem; }
	.idx-eo__choices { gap: .5rem; }
	.idx-eo__name { font-size: 1rem; letter-spacing: .04em; }
	.idx-eo__note { font-size: .95rem; letter-spacing: .04em; }
}
@media (prefers-reduced-motion: reduce) { .idx-eo__face { transition: none; } }

/* Regular Woo products: keep the Chamevo designer mount out of sight (leave the plugin itself alone). */
body.idx-engrave-product .cha-product-designer-wrapper,
body.idx-engrave-product #cha-start-customizing-button { display: none !important; }
