/* ==========================================================================
   Fil d'Ariane SEOPress — sitewide (voir inc/bifl-breadcrumbs.php).
   Pas de largeur imposée ici : hérite du conteneur de la page. Les pages au
   gabarit resserré (blog, article) l'alignent sur leur propre colonne dans
   leur CSS dédié.

   Le padding horizontal ci-dessous n'est pas arbitraire : il reproduit EXACTEMENT
   celui de `.inside-article` (thème GeneratePress, mode "Separate Containers" —
   40px desktop / 30px ≤768px, cf. main.min.css). Le fil d'Ariane est injecté via
   generate_before_main_content, donc avant que ce wrapper n'existe : sans ce
   padding dupliqué, il se retrouve collé au bord, décalé par rapport à tout le
   reste (titre, image, contenu) qui hérite du padding natif du thème.
   ========================================================================== */
.dt-breadcrumb {
	margin: 0 0 18px;
	padding: 0 40px;
	font-size: 12.5px;
}

@media (max-width: 768px) {
	.dt-breadcrumb {
		padding: 0 30px;
	}
}

.dt-breadcrumb .breadcrumb {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}

.dt-breadcrumb .breadcrumb li {
	color: var(--muted);
}

.dt-breadcrumb .breadcrumb a {
	color: var(--muted);
	text-decoration: none;
}

.dt-breadcrumb .breadcrumb a:hover {
	color: var(--green-2);
	text-decoration: underline;
}

.dt-breadcrumb .breadcrumb li.active span {
	color: var(--ink);
	font-weight: 500;
}