/* breadcrumb.css — fil d'Ariane, visible sur catégorie et produit. */
.breadcrumb{
  padding-block: var(--space-4);
}
.breadcrumb ol{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  font-size: var(--fs-micro);
  color: var(--color-ink-faint);
}
.breadcrumb a{
  color: var(--color-ink-faint);
  transition: color var(--duration) var(--ease);
}
.breadcrumb a:hover{ color: var(--color-accent-text); }
.breadcrumb li:not(:last-child)::after{
  content: "/";
  margin-left: 6px;
  color: var(--color-gray-400);
}
.breadcrumb li[aria-current="page"]{ color: var(--color-ink); }