/* ===================================================================
   sgbl_pathnav.css — Fil d'Ariane (PathNav).
   Styles minimaux et extensibles (thème intégré via variables CSS).
   === */

.path-nav {
	margin: 1rem 0;
	padding: 0;
}

.path-nav-content {
	max-width: 100%;
	overflow-x: auto;
}

.path-nav-breadcrumb {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.25rem;
	font-size: 0.95rem;
	color: var(--theme-fg-secondaire, #666);
}

.path-nav-breadcrumb li {
	display: flex;
	align-items: center;
	gap: 0.25rem;
}

.path-nav-breadcrumb a,
.path-nav-breadcrumb a:visited {
	color: var(--theme-accent, #0066cc);
	text-decoration: none;
}

.path-nav-breadcrumb a:hover {
	text-decoration: underline;
}

.path-divider {
	color: var(--theme-fg-tertiaire, #aaa);
	margin: 0 0.125rem;
	opacity: 0.6;
}

.active-location {
	color: var(--theme-fg-primaire, #333);
	font-weight: 500;
}

.path-nav-group {
	color: var(--theme-fg-secondaire, #666);
}

/* Thème sombre */
body.theme-sombre .path-nav-breadcrumb {
	color: var(--theme-fg-secondaire, #aaa);
}

body.theme-sombre .path-nav-breadcrumb a,
body.theme-sombre .path-nav-breadcrumb a:visited {
	color: var(--theme-accent, #66b3ff);
}

body.theme-sombre .active-location {
	color: var(--theme-fg-primaire, #eee);
}