/* ============================================================
   components/breadcrumb.css
   Breadcrumb navigation
   ============================================================ */

/* ===== BREADCRUMB ===== */
.breadcrumb {
  font-size: var(--font-sm); color: #999;
  display: flex; align-items: center; gap: 6px;
  margin-bottom: var(--space-5); flex-wrap: wrap;
}
.breadcrumb a { color: var(--primary); }
.breadcrumb a:hover { text-decoration: underline; }
.breadcrumb__sep { color: #ccc; }
.breadcrumb--bar {
  background: #fff; padding: 12px 20px;
  border-bottom: 1px solid #eee; margin-top: 64px; margin-bottom: 0;
}
.breadcrumb--bar .breadcrumb__inner {
  max-width: 1280px; margin: 0 auto;
  display: flex; gap: 8px; align-items: center;
  font-size: var(--font-sm); color: #999;
}
.breadcrumb--bar .breadcrumb__inner a { color: var(--primary); }
.breadcrumb--bar .breadcrumb__inner span { color: #ccc; }