/*
 * Eigen aanvullingen op het WAUW-thema.
 * Wordt geladen ná wauw-theme.min.css (zie wauw-functions/custom-sale-options.php).
 */

/* ---------- Kortingsprijzen ---------- */

/* Productpagina + gekozen variant: oude prijs klein en grijs doorgestreept, nieuwe prijs vet zonder onderstreping */
.price del,
.woocommerce-variation-price del {
	font-size: 0.8em;
	font-weight: 400;
	opacity: 0.55;
	margin-right: 0.35em;
}

.price ins,
.woocommerce-variation-price ins {
	text-decoration: none;
	font-weight: 600;
}

.price ins bdi,
.woocommerce-variation-price ins bdi {
	font-weight: inherit;
}

/* Productoverzicht: oude prijs iets lichter */
.is-price del {
	opacity: 0.55;
	margin-right: 0.25em;
}

/* Kortingslabel naast de prijs op de productpagina (zelfde stijl als in het overzicht, maar niet zwevend) */
.price-wrapper .onsale--single {
	position: static;
	flex-shrink: 0;
	line-height: 1.2;
	padding: 0.4em 0.85em;
	font-size: clamp(12px, 0.9vw, 9999px);
}

/* Tekst alleen voor schermlezers (o.a. "Oorspronkelijke prijs was: …"): visueel verbergen, zoals standaard in WordPress */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}