/**
 * Ligne de métadonnées sous le fil d'Ariane (issue #47).
 * Insérée dans .ocade-breadcrumbs-wrapper, après <nav.ocade-breadcrumbs>.
 *
 * Le wrapper est affiché en flex sur les sites : sans ces règles, la ligne se place à droite
 * du breadcrumb. On force le retour à la ligne et une largeur pleine, que le wrapper soit en
 * flex, en grid ou en flux normal.
 */
.ocade-breadcrumbs-wrapper:has(.ocade-breadcrumbs-meta) {
  flex-wrap: wrap;
}

.ocade-breadcrumbs-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 0.5em;
  flex-basis: 100%;
  width: 100%;
  grid-column: 1 / -1;
  padding-top: 0.25em;
  font-size: 0.875em;
  opacity: 0.85;
}

.ocade-breadcrumbs-meta__sep {
  user-select: none;
}

.ocade-breadcrumbs-meta a {
  text-decoration: underline;
}