/* Structure only.
 *
 * Colour, type, border, shadow and decorative treatment were stripped when
 * this became the blank starter. The design comes from the build's own
 * Figma / Claude Design work, not from here.
 *
 * Spacing and sizing are exposed as --fw-<selector>-<property> tokens that
 * default to 0, so the starter asserts nothing and the design layer sets
 * them. Everything left is layout mechanics the block needs to function.
 */

/* ---------------------------------------------------------------------------
 * Block: framework/breadcrumbs.
 * ------------------------------------------------------------------------- */

.fw-breadcrumbs {
	margin: var(--fw-breadcrumbs-margin, 0);
}

.fw-breadcrumbs__list {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--fw-breadcrumbs-list-gap, 0);
}

.fw-breadcrumbs__item {
	display: flex;
	align-items: center;
	gap: var(--fw-breadcrumbs-item-gap, 0);
}

.fw-breadcrumbs__item + .fw-breadcrumbs__item::before {
	content: "\203A";
	/* › */
}