/**
 * Breadcrumb — base styles.
 *
 * Shared by the Full Width Blocks page breadcrumb and the single-post
 * breadcrumb injected into the GAMURS article header. Placement (outer margins
 * / nav-edge alignment) is context-specific and lives with each context:
 *   - pages: blocks-canvas.css → .upcomer-blocks-canvas > .upcomer-breadcrumb
 *   - posts: the .wp-block-gamurs-article-header__content rule below
 *
 * Uppercase small type mirrors the category-archive breadcrumb. Colours reuse
 * existing light-surface tokens — no new colours (CLAUDE.md → Design conventions).
 */
.upcomer-breadcrumb {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-family: "Barlow", "Helvetica Neue", system-ui, sans-serif;
	font-weight: 500;
	font-size: clamp(0.75rem, 0.95vw, 0.8125rem);
	line-height: 1.4;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--wp--custom--light--general-color--caption, #5D5D5D);
}

.upcomer-breadcrumb__home,
.upcomer-breadcrumb__crumb {
	color: var(--wp--custom--light--general-color--caption, #5D5D5D);
	text-decoration: none;
}

.upcomer-breadcrumb__home:hover,
.upcomer-breadcrumb__home:focus-visible,
.upcomer-breadcrumb__crumb:hover,
.upcomer-breadcrumb__crumb:focus-visible {
	color: var(--wp--custom--light--general-color--h-1, #171717);
	text-decoration: underline;
}

.upcomer-breadcrumb__sep {
	margin-inline: 0.4rem;
	opacity: 0.7;
}

.upcomer-breadcrumb__current {
	color: var(--wp--custom--light--general-color--h-1, #171717);
}

/* ---- Post context: inside the GAMURS article header ------------------ */
/*
 * Injected as the first child of .wp-block-gamurs-article-header__content,
 * above the category chip. A small bottom gap separates it from the chip; it
 * inherits the article's content column width, so it aligns with the title.
 */
.wp-block-gamurs-article-header__content > .upcomer-breadcrumb {
	margin: 0 0 clamp(0.5rem, 1.5vw, 0.85rem);
}

/* ---- Archive context: injected into the GAMURS category / author templates -- */
/*
 * Injected as the first child of the centred content column
 * (is-featured-container / is-author-bio-container), above the archive title or
 * author name. Add breathing room below so the crumb isn't glued to the title.
 */
.wp-block-gamurs-template-taxonomy .upcomer-breadcrumb,
.wp-block-gamurs-template-author .upcomer-breadcrumb {
	margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
}