/* fil.css — le fil d'ariane (structure) et le chemin parcouru (promenade) */

.reperes {
	position: relative; z-index: 30;
	display: flex; flex-direction: column; gap: 6px;
	padding: calc(var(--tete-h) + 6px) var(--gouttiere) 0;
}
.admin-bar .reperes { padding-top: calc(var(--tete-h) + 38px); }

.fil { view-transition-name: fil; }
.fil__liste {
	display: flex; flex-wrap: wrap; align-items: baseline; margin: 0; padding: 0; list-style: none;
	font-size: 16px; font-weight: 500; font-variation-settings: "wdth" var(--etroit);
}
.fil__pas { display: inline-flex; align-items: baseline; color: var(--texte-2); }
.fil__pas + .fil__pas::before { content: "/"; margin: 0 10px; color: var(--texte-3); font-weight: 300; }
.fil__pas a { text-decoration: none; }
.fil__pas a:hover { color: var(--texte); text-decoration: underline; }
.fil__pas [aria-current] { color: var(--texte); }

/* Le chemin : la suite des fiches visitées, reliées par un pointillé. */
.chemin { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; font-size: 14px; font-variation-settings: "wdth" var(--etroit); color: var(--texte-3); }
.chemin[hidden] { display: none; }
.chemin__liste { display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: 0; list-style: none; }
.chemin__liste li { display: inline-flex; align-items: center; }
.chemin__liste li + li::before { content: ""; width: 22px; margin: 0 6px; border-top: 1px dashed var(--texte-3); }
.chemin__liste a, .chemin__liste span { display: inline-flex; align-items: center; gap: 6px; max-width: 24ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; }
.chemin__liste a:hover { color: var(--texte); text-decoration: underline; }
.chemin__liste .is-ici { color: var(--texte); font-weight: 600; }
.chemin__liste i { width: 7px; height: 7px; border-radius: 50%; background: var(--pas-c, var(--texte-3)); flex: none; }
.chemin__effacer { padding: 0; border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }