/* Native WooCommerce price HTML inside the existing TDSD price wrappers. */
.product-info .price-large {
	--tdsd-old-price-size: 20px;
	--tdsd-price-currency-size: 25px;
	--tdsd-price-gap: 10px;
}

.hero-c .hprice {
	--tdsd-old-price-size: 18px;
	--tdsd-price-currency-size: 1em;
	--tdsd-price-gap: 10px;
}

.woocommerce li.product .price-row .price {
	--tdsd-old-price-size: 13px;
	--tdsd-price-currency-size: 14px;
	--tdsd-price-gap: 8px;
	min-width: 0;
}

.tdsd-sticky .tdsd-sticky-in > .pr {
	--tdsd-old-price-size: .65em;
	--tdsd-price-currency-size: 1em;
	--tdsd-price-gap: 6px;
	white-space: normal;
}

:is(.product-info .price-large, .hero-c .hprice, .woocommerce li.product .price-row .price, .tdsd-sticky .tdsd-sticky-in > .pr) ins {
	display: inline-block;
	background: transparent;
	color: inherit;
	font-size: inherit;
	font-weight: 700;
	text-decoration: none;
}

:is(.product-info .price-large, .hero-c .hprice, .woocommerce li.product .price-row .price, .tdsd-sticky .tdsd-sticky-in > .pr) del {
	--tdsd-price-currency-size: 1em;
	display: inline-block;
	margin-inline-start: 0;
	margin-inline-end: var(--tdsd-price-gap);
	color: var(--t3, #6b7280);
	font-size: var(--tdsd-old-price-size);
	font-weight: 500;
	opacity: 1;
	text-decoration: line-through;
}

:is(.product-info .price-large, .hero-c .hprice, .woocommerce li.product .price-row .price, .tdsd-sticky .tdsd-sticky-in > .pr) .woocommerce-Price-amount {
	color: inherit;
	font: inherit;
	white-space: nowrap;
}

:is(.product-info .price-large, .hero-c .hprice, .woocommerce li.product .price-row .price, .tdsd-sticky .tdsd-sticky-in > .pr) .woocommerce-Price-currencySymbol {
	font-size: var(--tdsd-price-currency-size);
	font-weight: 600;
}

:is(.product-info .price-large, .hero-c .hprice, .woocommerce li.product .price-row .price, .tdsd-sticky .tdsd-sticky-in > .pr) del .woocommerce-Price-currencySymbol {
	font-weight: inherit;
}

/* Keep native sale/range markup and screen-reader text in their original order. */