/**
 * Product card / loop price display — especially mobile.
 *
 * Sale HTML is <del>regular</del> <ins>sale</ins> + VAT suffix. On narrow
 * cards that wraps into “incl. V” collisions. Stack sale → was → VAT, keep
 * amounts readable, and never paint sale prices white on light cards.
 */

.price.pls-product-price,
.pls-product-price .price,
.e-loop-item .price,
.products .product .price {
	line-height: 1.35;
}

.price.pls-product-price del,
.pls-product-price .price del,
.e-loop-item .price del {
	opacity: 0.72;
	text-decoration: line-through;
	text-decoration-thickness: 1px;
}

/* Struck-through price must not carry its own VAT label (wraps as "incl. V"). */
.price del .psm-vat-suffix,
.pls-product-price del .psm-vat-suffix,
.e-loop-item .price del .psm-vat-suffix {
	display: none !important;
}

/* Override mistaken Custom CSS that forced white sale prices on loop cards. */
.e-loop-item.product .pls-product-price ins,
.e-loop-item .price ins,
.products .product .price ins,
.price.pls-product-price ins {
	color: #9a3412 !important;
	background: transparent !important;
	text-decoration: none !important;
	font-weight: 600;
}

.price .psm-vat-suffix,
.pls-product-price .psm-vat-suffix {
	display: inline;
	white-space: nowrap;
	font-size: 0.78em;
	font-weight: 500;
	letter-spacing: 0;
	color: #6b7280;
	margin-left: 0.25em;
}

@media (max-width: 767px) {
	.pls-products .price.pls-product-price,
	.products .product .price,
	.e-loop-item .price,
	.e-loop-item .pls-product-price,
	.pls-product-inner .pls-product-price .price,
	.pls-product-inner .price.pls-product-price,
	li.product .price {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 0.1rem;
		margin: 0.2rem 0 0;
		font-size: 12.5px;
		line-height: 1.25;
		width: 100%;
		max-width: 100%;
		min-height: 0;
	}

	/* Current (sale) price first, then struck-through was-price. */
	.products .product .price ins,
	.e-loop-item .price ins,
	.price.pls-product-price ins {
		order: -1 !important;
		display: block;
		width: 100%;
		font-size: 13px;
		font-weight: 600;
	}

	.products .product .price del,
	.e-loop-item .price del,
	.price.pls-product-price del {
		display: block;
		width: 100%;
		font-size: 11.5px;
		order: 0;
	}

	.products .product .price .woocommerce-Price-amount,
	.e-loop-item .price .woocommerce-Price-amount,
	.price.pls-product-price .woocommerce-Price-amount {
		font-size: inherit;
		letter-spacing: -0.01em;
	}

	/* VAT sits with the current price row (last flex item after cleanup). */
	.products .product .price > .psm-vat-suffix,
	.e-loop-item .price > .psm-vat-suffix,
	.price.pls-product-price > .psm-vat-suffix {
		order: 2;
		display: block;
		margin: 0.1rem 0 0;
		font-size: 10.5px;
		line-height: 1.2;
		color: #6b7280;
		white-space: nowrap;
	}

	/* From–to ranges: allow wrap between amounts, keep each amount intact. */
	.products .product .price .from,
	.products .product .price .to,
	.e-loop-item .price .from,
	.e-loop-item .price .to {
		white-space: nowrap;
	}
}