/**
 * Produkt-Kaufoptionen – Preis-Darstellung im Warenkorb.
 *
 * Gilt für die Warenkorbseite, die Bestellübersicht der Kasse, den
 * Mini-Warenkorb und jeden seitlichen Warenkorb, der den WooCommerce-Filter
 * `woocommerce_cart_item_subtotal` durchreicht.
 *
 * Bewusst ohne `--pbo-*`-Variablen und ohne Farbwerte: Diese Beträge stehen
 * mitten in fremdem Theme-Markup (Tabellenzelle, Drawer-Zeile). Alles, was hier
 * eine Farbe oder Schriftgröße festschreiben würde, fiele in irgendeinem Theme
 * unangenehm auf. Gearbeitet wird deshalb nur mit `currentColor`, Deckkraft und
 * relativen Größen – die Typografie bleibt die des Themes.
 *
 * Zweck der Regeln: Der rabattierte Preis muss der optisch kräftigere sein. Das
 * war der Fehler, den diese Datei behebt – vorher stand der Normalpreis groß da
 * und der Rabatt klein darunter.
 */

.pbo-cart-price {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.15em 0.4em;
}

/* Ursprungspreis: zurückgenommen, aber lesbar. */
.pbo-cart-price__was {
	opacity: 0.6;
	font-size: 0.9em;
	font-weight: inherit;
	text-decoration: line-through;
}

/*
 * Der gültige Preis. `text-decoration: none` ist Pflicht, nicht Geschmack:
 * Browser unterstreichen <ins> von Haus aus, und ein unterstrichener Betrag
 * sieht im Warenkorb wie ein Link aus.
 */
.pbo-cart-price__now {
	text-decoration: none;
	background: none;
	font-weight: 600;
	color: inherit;
}

/* Ersparnis: eigene Zeile, damit sie den Betrag nicht auseinanderzieht. */
.pbo-cart-price__saving {
	flex-basis: 100%;
	font-size: 0.85em;
	line-height: 1.35;
	opacity: 0.85;
}

/*
 * Im Mini-Warenkorb steht der Betrag hinter „3 ×" in einer ohnehin engen
 * Zeile – dort darf der Block nicht umbrechen wollen.
 */
.widget_shopping_cart .pbo-cart-price,
.wc-block-mini-cart .pbo-cart-price {
	gap: 0.1em 0.35em;
}