/**
 * CBS Theme — fil d'Ariane (template-parts/global/breadcrumbs.php).
 * Posé en absolu sous le header fixe (5rem), par-dessus le hero sombre qui
 * ouvre chaque page : texte blanc atténué, pas de fond propre.
 * Couvre le markup du thème (.cbs-breadcrumbs__*) et celui d'AIOSEO
 * (.aioseo-breadcrumb*), qui n'a pas de liste sémantique.
 */

.cbs-breadcrumbs {
	--cbs-breadcrumbs-top: 5rem;
	--cbs-breadcrumbs-h: 2.5rem;

	position: absolute;
	top: var(--cbs-breadcrumbs-top);
	left: 0;
	width: 100%;
	z-index: 20;
	font-family: var(--cbs-font-sans);
	font-size: var(--cbs-text-xs);
	line-height: var(--cbs-breadcrumbs-h);
	color: color-mix(in srgb, var(--cbs-white) 70%, transparent);
	pointer-events: none;
}

.cbs-breadcrumbs__inner {
	overflow-x: auto;
	white-space: nowrap;
	scrollbar-width: none;
}

.cbs-breadcrumbs__inner::-webkit-scrollbar {
	display: none;
}

.cbs-breadcrumbs__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-flex;
	align-items: center;
}

.cbs-breadcrumbs__item + .cbs-breadcrumbs__item::before {
	content: "/";
}

.cbs-breadcrumbs__item + .cbs-breadcrumbs__item::before,
.aioseo-breadcrumb-separator {
	display: inline-block;
	margin-inline: var(--cbs-space-2);
	opacity: 0.6;
}

.cbs-breadcrumbs a,
.cbs-breadcrumbs__current {
	pointer-events: auto;
}

.cbs-breadcrumbs a {
	color: inherit;
	text-decoration: none;
	transition: color var(--cbs-transition-fast);
}

.cbs-breadcrumbs a:hover,
.cbs-breadcrumbs a:focus-visible {
	color: var(--cbs-white);
}

.cbs-breadcrumbs a:focus-visible {
	outline: 2px solid var(--cbs-gold);
	outline-offset: 2px;
}

.cbs-breadcrumbs__current,
.aioseo-breadcrumb:last-child {
	color: var(--cbs-white);
}

/* Le hero qui ouvre chaque page (methode-spa-hero et ses variantes) démarre à
   5 ou 6rem sous le haut de page : on lui laisse la hauteur du fil d'Ariane.
   Le tunnel de diagnostic (.diagnostic-page__hero) a déjà 8rem de marge. */
.methode-spa-hero {
	padding-top: calc(max(var(--cbs-space-24), 6rem) + 2.5rem);
}

.methode-spa-hero--compact,
.blog-archive__hero.cbs-blog-hero.methode-spa-hero {
	padding-top: calc(max(var(--cbs-space-16), 5rem) + 2.5rem);
}