/*
 * rooster/crumb (now a variant of the library: BRIEF-2026-11-01-BLOCK-LIBRARY.md) (BRIEF-2026-11-01-LANDINGS-BY-TEMPLATE.md, order 1): the legacy promo hero's breadcrumb, complete on
 * its own: the small type, the link at 2rem high with the dot 8 px before the name, the muted colour turning to the
 * text colour and underlined on hover. Colours are the theme's tokens with the legacy's light and dark values as fallbacks; the
 * dot is the page's family colour (the accent preset). Compiled by build/blocks-css.mjs.
 */

@import "../../theme.css";

.rooster-crumb-nav {
	box-sizing: border-box;
	font-size: 0.875rem;
	line-height: 1.25rem;
	overflow-wrap: normal;
	word-break: normal;
}

.rooster-crumb-nav .rooster-crumb-nav__link {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 2rem;
	font-weight: 500;
	color: var(--wp--preset--color--muted, light-dark(#45556c, #90a1b9));
	text-decoration: none;
}

.rooster-crumb-nav a.rooster-crumb-nav__link:hover {
	color: var(--wp--preset--color--contrast, light-dark(#020618, #ffffff));
	text-decoration: underline;
}

.rooster-crumb-nav__dot {
	flex: none;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 999px;
	background: var(--wp--preset--color--accent, light-dark(#334155, #cbd5e1));
}