/*
 * Order-status badges (#262 list, built here because Mi cuenta uses them). Pairs from design.md §3
 * ("Estados del pedido" in the Components artboard): 13 px / 600, padding 5 x 12, pill radius.
 * `blocks_theme_order_badge()` prints the markup.
 */
.blk-badge {
	display: inline-flex;
	align-items: center;
	padding: 5px 12px;
	border-radius: var(--wp--custom--radius--pill, 999px);
	font-size: var(--wp--preset--font-size--13);
	font-weight: 600;
	line-height: 1.3;
	white-space: nowrap;
}
.blk-badge--lg {
	padding: 6px 12px;
	font-size: var(--wp--preset--font-size--14);
}
.blk-badge--neutral {
	background: var(--wp--preset--color--surface-alt);
	color: var(--wp--preset--color--muted);
}
.blk-badge--success {
	background: var(--wp--preset--color--success-bg);
	color: var(--wp--preset--color--success);
}
.blk-badge--warning {
	background: var(--wp--preset--color--warning-bg);
	color: var(--wp--preset--color--warning);
}
.blk-badge--info {
	background: var(--wp--preset--color--info-bg);
	color: var(--wp--preset--color--info);
}
.blk-badge--error {
	background: var(--wp--preset--color--error-bg);
	color: var(--wp--preset--color--error);
}