/**
 * Component: price
 *
 * Every price is tabular so figures align down a grid column. A buyer
 * comparing three 1oz silver rounds should be able to read the difference
 * vertically without moving their eye horizontally.
 */

.woocommerce-Price-amount,
.tcs-price {
	font-family: var(--tcs-font-sans);
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
	color: var(--tcs-ink);
	white-space: nowrap;
}

.woocommerce-Price-currencySymbol {
	font-size: 0.85em;
	/* Optical alignment: the dollar sign sits high without this. */
	vertical-align: 0.05em;
	margin-inline-end: 0.05em;
}

/* ---------------------------------------------------------------------- */
/* Sale prices                                                             */
/* ---------------------------------------------------------------------- */

/*
 * Woo emits <del> for the old price and <ins> for the new. The default
 * underline on <ins> reads as a link, so it is removed.
 */
.price del,
.tcs-price del {
	color: var(--tcs-ink-faint);
	font-weight: var(--tcs-weight-regular);
	text-decoration-thickness: 1px;
	margin-inline-end: var(--tcs-space-2xs);
}

.price del .woocommerce-Price-amount {
	color: var(--tcs-ink-faint);
}

.price ins,
.tcs-price ins {
	background: none;
	text-decoration: none;
	font-weight: var(--tcs-weight-semibold);
}

.price ins .woocommerce-Price-amount {
	color: var(--tcs-sale);
}

/* Price ranges on variable products. */
.price .from {
	font-size: var(--tcs-text-2xs);
	color: var(--tcs-ink-faint);
	font-weight: var(--tcs-weight-regular);
	margin-inline-end: var(--tcs-space-3xs);
}

/* ---------------------------------------------------------------------- */
/* Single product price                                                    */
/* ---------------------------------------------------------------------- */

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	font-size: var(--tcs-text-xl);
	font-weight: var(--tcs-weight-semibold);
	line-height: var(--tcs-leading-tight);
	color: var(--tcs-ink);
	margin: 0;
}

/*
 * GST line. Australian retail prices are displayed inclusive, and saying so
 * removes a question at checkout rather than leaving it to be discovered.
 */
.tcs-price-tax-note {
	font-size: var(--tcs-text-2xs);
	color: var(--tcs-ink-faint);
	margin-top: var(--tcs-space-3xs);
}