/**
 * 121 Platform
 * Eyebrow Primitive
 *
 * Shared eyebrow treatment used across Platform patterns.
 *
 * @package 121_Platform
 */

.nd-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: var(--wp--preset--spacing--20);
	margin: 0;
	color: var(--wp--preset--color--primary-dark);
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--typography--weight-medium);
	line-height: 1;
	letter-spacing: var(--wp--custom--typography--eyebrow-letter-spacing);
	text-transform: uppercase;
}

/*
 * Eyebrow text is semantic foreground content. Keep the accent token for the
 * decorative rule while overriding legacy blocks that assigned it to text.
 */
.nd-eyebrow.has-accent-color {
	color: var(--wp--preset--color--primary-dark);
}

.nd-eyebrow::before {
	content: "";
	flex: 0 0 1.5rem;
	width: 1.5rem;
	height: 2px;
	background: var(--wp--preset--color--accent);
}