/**
 * Fil d'Ariane [artefact_breadcrumb] — composant adaptatif dual-surface.
 *
 * Le composant définit sa propre « encre » (--afbc-ink) au lieu de dépendre
 * d'une couleur héritée : le canvas sombre du site ne fixe pas de couleur de
 * texte réutilisable, un simple currentColor y serait donc illisible. On gère
 * donc explicitement les deux contextes :
 *   - défaut : canvas sombre #1C1E21 → encre On-Dark claire ;
 *   - dans .artefact-sheet : surface claire → encre = texte foncé du DS.
 * L'encre suit le jeton --artefact-site-on-dark s'il est un jour exposé par le
 * thème (repli #E6E9EE, la valeur On-Dark du DS).
 *
 * Les sélecteurs sont portés par .artefact-breadcrumb (spécificité 0,2,0) afin
 * de primer sur le style de lien du Theme Style (.elementor-kit-N a = 0,1,1) et
 * de .artefact-sheet a, sans !important : le fil d'Ariane reste cohérent quelle
 * que soit la surface. Repli automatique si color-mix() n'est pas supporté.
 */

.artefact-breadcrumb {
	--afbc-ink: var(--artefact-site-on-dark, #e6e9ee); /* défaut : canvas sombre */

	font-family: var(--artefact-site-font, inherit);
	font-size: 0.8125rem;
	line-height: 1.4;
}

/* Contexte surface claire : l'encre passe au texte foncé du Design System. */
.artefact-sheet .artefact-breadcrumb {
	--afbc-ink: var(--artefact-site-text, #1f2328);
}

.artefact-breadcrumb .artefact-breadcrumb__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.375rem 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.artefact-breadcrumb .artefact-breadcrumb__item {
	display: inline-flex;
	align-items: center;
	min-width: 0;
}

/* Séparateur décoratif : porté par CSS, jamais dans le DOM → non annoncé par
   les lecteurs d'écran. */
.artefact-breadcrumb .artefact-breadcrumb__item + .artefact-breadcrumb__item::before {
	content: "\203A"; /* › */
	margin-inline-end: 0.5rem;
	color: color-mix(in srgb, var(--afbc-ink) 45%, transparent);
}

/* Liens et texte inactif : atténués depuis l'encre de la surface. */
.artefact-breadcrumb .artefact-breadcrumb__link,
.artefact-breadcrumb .artefact-breadcrumb__text {
	color: color-mix(in srgb, var(--afbc-ink) 78%, transparent);
	text-decoration: none;
}

/* Affordance de lien : soulignement discret. */
.artefact-breadcrumb .artefact-breadcrumb__link {
	text-decoration: underline;
	text-underline-offset: 2px;
	text-decoration-thickness: from-font;
}

.artefact-breadcrumb .artefact-breadcrumb__link:hover,
.artefact-breadcrumb .artefact-breadcrumb__link:focus-visible {
	color: var(--afbc-ink);
}

/* Élément courant : pleine encre de la surface, non cliquable. */
.artefact-breadcrumb .artefact-breadcrumb__current {
	color: var(--afbc-ink);
	font-weight: 600;
}