/* =========================================================
   AILEARNIST — BREADCRUMB (markup: includes/breadcrumb.php)
   Uses the shared tokens from /assets/css/base.css.
   ========================================================= */
.breadcrumb-container { max-width: var(--wrap); margin: 0 auto; padding: 14px 20px 0; }
.breadcrumb {
  list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
  font-size: .84rem; color: var(--text-muted);
}
.breadcrumb-item { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
.breadcrumb-item + .breadcrumb-item::before {
  content: "\f054"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: .6rem; opacity: .55;
}
.breadcrumb-link { color: var(--text-muted); text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.breadcrumb-link:hover { color: var(--accent); }
.breadcrumb-current span {
  color: var(--text); font-weight: 600; max-width: 46ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block;
}
@media (max-width: 560px) { .breadcrumb-current span { max-width: 24ch; } }