/**
 * Composant  : Breadcrumb
 * Description : Fil d'Ariane de navigation secondaire
 * Auteur      : Équipe Marketing
 * URL         : linkavie.com
 * Thème       : Linkavie terra
 * Tags        : breadcrumb, navigation, accessibilité
 * Version     : 1.0
 */

/* ─────────────────────────────────────────
   lk-breadcrumb — BLOCK
   ───────────────────────────────────────── */
.lk-breadcrumb {
  padding: 14px clamp(20px, 4vw, 48px);
  background: var(--lk-color-surface);
  border-bottom: 0.5px solid var(--lk-color-border);
  font-size: var(--lk-font-size-xs);
  color: var(--lk-color-stone);
  display: flex;
  align-items: center;
  gap: 2px;
  transition: background var(--lk-transition-normal);
}

/* ─────────────────────────────────────────
   lk-breadcrumb — ELEMENTS
   ───────────────────────────────────────── */
.lk-breadcrumb__link {
  color: var(--lk-color-stone);
  text-decoration: none;
  transition: color var(--lk-transition-fast);
}

.lk-breadcrumb__link:hover {
  color: var(--lk-color-terra);
}

.lk-breadcrumb__sep {
  margin: 0 6px;
  color: var(--lk-color-stone);
}

/* ─────────────────────────────────────────
   ACCESSIBILITÉ — mouvement réduit
   ───────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .lk-breadcrumb,
  .lk-breadcrumb__link {
    transition: none;
  }
}