/**
 * Free shipping progress: .mk-free-shipping (templates/components/free-shipping-progress.php).
 * Row: truck icon 16 (accent) + 8 + text body-medium (primary), amount
 * label-medium accent; the progress bar 10 below.
 */

.mk-free-shipping__text {
	display: flex;
	align-items: flex-start;
	gap: var(--wp--custom--free-shipping--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);
}

/* Centred on the first line of text (line height 20, icon 16). */
.mk-free-shipping__text .mk-icon {
	flex: none;
	inline-size: var(--wp--custom--free-shipping--icon-size);
	block-size: var(--wp--custom--free-shipping--icon-size);
	margin-block-start: calc(
		(1lh - var(--wp--custom--free-shipping--icon-size)) / 2
	);
	color: var(--wp--custom--color--free-shipping--icon);
}

.mk-free-shipping__amount {
	color: var(--wp--custom--color--free-shipping--amount);
	font-weight: var(--wp--custom--text--label-medium--font-weight);
}

.mk-free-shipping__bar {
	margin-block-start: var(--wp--custom--free-shipping--bar-gap);
}