/**
 * Product price: .mk-product-price (templates/components/product-price.php).
 * Current price, previous price, discount badge: one row, centred, gap 8.
 */

.mk-product-price {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--wp--custom--product-price--gap);
	margin: 0;
	color: var(--wp--custom--color--text--primary);
}

.mk-product-price__current {
	font-family: var(--wp--custom--text--label-large--font-family);
	font-size: var(--wp--custom--text--label-large--font-size);
	font-weight: var(--wp--custom--text--label-large--font-weight);
	line-height: var(--wp--custom--text--label-large--line-height);
	letter-spacing: var(--wp--custom--text--label-large--letter-spacing);
	white-space: nowrap;
}

.mk-product-price__regular {
	font-family: var(--wp--custom--text--body-small--font-family);
	font-size: var(--wp--custom--text--body-small--font-size);
	font-weight: var(--wp--custom--text--body-small--font-weight);
	line-height: var(--wp--custom--text--body-small--line-height);
	letter-spacing: var(--wp--custom--text--body-small--letter-spacing);
	text-decoration-line: line-through;
	white-space: nowrap;
}

/* Large (product page): title-large price, body-large previous price, gap 12. */
.mk-product-price--large {
	gap: var(--wp--custom--product-price--large-gap);
}

.mk-product-price--large .mk-product-price__current {
	font-family: var(--wp--custom--text--title-large--font-family);
	font-size: var(--wp--custom--text--title-large--font-size);
	font-weight: var(--wp--custom--text--title-large--font-weight);
	line-height: var(--wp--custom--text--title-large--line-height);
	letter-spacing: var(--wp--custom--text--title-large--letter-spacing);
}

.mk-product-price--large .mk-product-price__regular {
	font-family: var(--wp--custom--text--body-large--font-family);
	font-size: var(--wp--custom--text--body-large--font-size);
	font-weight: var(--wp--custom--text--body-large--font-weight);
	line-height: var(--wp--custom--text--body-large--line-height);
	letter-spacing: var(--wp--custom--text--body-large--letter-spacing);
}

.mk-product-price__discount {
	display: inline-flex;
}

.mk-product-price [hidden] {
	display: none;
}