/**
 * Summary list: .mk-summary-list (templates/components/summary-list.php).
 * Rows "label … amount" (space-between) in body-medium primary, 8 apart; the
 * discounts group has padding 8 and thin top / bottom dividers, its rows 4
 * apart; the total row is label-medium accent.
 */

.mk-summary-list {
	display: grid;
	gap: var(--wp--custom--summary-list--row-gap);
	margin: 0;
	color: var(--wp--custom--color--text--primary);
	font-family: var(--wp--custom--text--body-medium--font-family);
	font-size: var(--wp--custom--text--body-medium--font-size);
	font-weight: var(--wp--custom--text--body-medium--font-weight);
	line-height: var(--wp--custom--text--body-medium--line-height);
	letter-spacing: var(--wp--custom--text--body-medium--letter-spacing);
}

.mk-summary-list__row {
	display: flex;
	justify-content: space-between;
	gap: var(--wp--custom--summary-list--row-gap);
}

.mk-summary-list__row dt,
.mk-summary-list__row dd {
	margin: 0;
}

.mk-summary-list__row dd {
	flex: none;
	text-align: end;
}

.mk-summary-list__discounts {
	display: grid;
	gap: var(--wp--custom--summary-list--discounts-gap);
	padding-block: var(--wp--custom--summary-list--discounts-padding);
	border-block: var(--wp--custom--border-width--thin) solid
		var(--wp--custom--color--divider);
}

.mk-summary-list__row--total {
	color: var(--wp--custom--color--text--accent);
	font-weight: var(--wp--custom--text--label-medium--font-weight);
}