/**
 * Stock alert: .mk-stock-alert (templates/components/stock-alert.php).
 * Red dot 16 + body-small text, gap 8.
 */

.mk-stock-alert {
	display: inline-flex;
	align-items: center;
	gap: var(--wp--custom--stock-alert--gap);
	margin: 0;
	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);
}

.mk-stock-alert[hidden] {
	display: none;
}

.mk-stock-alert__dot {
	flex: none;
	inline-size: var(--wp--custom--stock-alert--dot-size);
	block-size: var(--wp--custom--stock-alert--dot-size);
	border-radius: 50%;
	background-color: var(--wp--custom--color--stock-alert--dot);
}