/* ============================================
   TRAVVANA — Breadcrumb Navigation
   ============================================ */

.breadcrumb {
  display: flex;
  align-items: center;
  gap: var(--sp-1);
  padding: var(--sp-3) 0;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.breadcrumb::-webkit-scrollbar { display: none; }

.breadcrumb__item {
  display: flex;
  align-items: center;
  gap: var(--sp-1);
  font-size: var(--fs-xs);
  color: var(--clr-text-muted);
  white-space: nowrap;
  transition: color var(--tr-fast);
}

.breadcrumb__item a {
  color: var(--clr-text-muted);
  transition: color var(--tr-fast);
}

.breadcrumb__item a:hover {
  color: var(--clr-accent);
}

.breadcrumb__item--active {
  color: var(--clr-text-primary);
  font-weight: var(--fw-semibold);
}

.breadcrumb__separator {
  color: var(--clr-text-muted);
  opacity: 0.5;
  font-size: 10px;
}