/* ===== BREADCRUMB ===== */
.breadcrumb-nav {
  width: 100%;
  padding: 0.6rem 1.5rem;
  background: transparent;
}

body.light .breadcrumb-nav {
  background: transparent;
}

.breadcrumb-list {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
}

.breadcrumb-item {
  display: flex;
  align-items: center;
  font-size: 0.78rem;
  gap: 0.25rem;
}

.breadcrumb-item a {
  color: var(--breadcrumb-link, #ff6b00);
  text-decoration: none;
  transition: opacity 0.15s;
}

.breadcrumb-item a:hover {
  opacity: 0.75;
  text-decoration: underline;
}

.breadcrumb-item--active span {
  color: var(--breadcrumb-active, #888);
  font-weight: 500;
}

body.light .breadcrumb-item--active span {
  color: #555;
}

.breadcrumb-sep {
  color: var(--breadcrumb-sep, #555);
  font-size: 0.9rem;
  margin: 0 0.1rem;
  user-select: none;
}

body.light .breadcrumb-sep {
  color: #999;
}