/* ==========================================================================
   03 - Fil d'Ariane
   Lot 3. C'est la demande numéro un du client : « une fois qu'on est dans
   jeunesse, on n'a pas le retour arrière ».
   Le fil ne défile jamais horizontalement, il passe à la ligne.
   ========================================================================== */

.lm-breadcrumb {
  max-width: var(--lm-container);
  margin: 1.25rem auto .25rem;
  padding-inline: 1rem;
  font-size: .75rem;
  line-height: 1.5;
  color: var(--lm-muted);
}

.lm-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.lm-breadcrumb li {
  display: flex;
  align-items: center;
  gap: .35rem;
  margin: 0;
}

/* Chevron de séparation, repris de la maquette (ChevronRight). */
.lm-breadcrumb li + li::before {
  content: "›";
  color: var(--lm-border);
  font-size: 1.1em;
  line-height: 1;
}

.lm-breadcrumb a {
  color: inherit;
  text-decoration: none;
  border-bottom: var(--lm-rule) solid transparent;
  transition: color .2s ease;
}

.lm-breadcrumb a:hover,
.lm-breadcrumb a:focus-visible {
  color: var(--lm-primary);
  border-bottom-color: currentColor;
}

.lm-breadcrumb [aria-current="page"] {
  color: var(--lm-foreground);
  font-weight: 500;
}

@media (max-width: 767px) {
  .lm-breadcrumb {
    font-size: .6875rem;
    margin-top: .75rem;
  }
}