/**
 * Product Customizer live variation price and selected-Size overlays.
 *
 * Compact top-left Size and top-right price inside the garment preview
 * stage. Not a card, pill, badge, or cart control.
 */

.product-customizer-preview__stage {
	position: relative;
}

.product-customizer-preview__size,
.product-customizer-preview__price {
	position: absolute;
	top: 0.55rem;
	z-index: 2;
	max-width: calc(50% - 0.8rem);
	margin: 0;
	padding: 0;
	overflow: hidden;
	color: #1d2327;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.01em;
	white-space: nowrap;
	text-overflow: ellipsis;
	pointer-events: none;
	text-shadow:
		0 0 0.35rem #fff,
		0 0 0.7rem rgba(255, 255, 255, 0.9);
}

.product-customizer-preview__size {
	left: 0.6rem;
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.15;
	text-align: left;
}

.product-customizer-preview__price {
	right: 0.6rem;
	text-align: right;
}

.product-customizer-preview__size[hidden],
.product-customizer-preview__price[hidden] {
	display: none;
}

.product-customizer-preview-price__from {
	font-size: 0.6875rem;
	font-weight: 500;
	opacity: 0.7;
}

.product-customizer-preview-price__amount {
	font-size: inherit;
	font-weight: inherit;
}

.product-customizer-preview__price del {
	color: #b42318;
	font-weight: 600;
	opacity: 1;
	text-decoration: line-through;
}

.product-customizer-preview__price ins {
	color: #146c2e;
	text-decoration: none;
	font-weight: 700;
}

.product-customizer-preview__price .woocommerce-Price-amount,
.product-customizer-preview__price .amount {
	font-size: inherit;
	font-weight: inherit;
}

.product-customizer-preview__price .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}