/**
 * Harvest — Breadcrumbs (C10).
 *
 * Styles Magento core `.breadcrumbs` (emitted on catalog/CMS pages) and the
 * theme's own `.hrv-breadcrumbs`. Comp reference: 12px, muted text, "/"
 * separators, current crumb in full text colour.
 */

.breadcrumbs,
.hrv-breadcrumbs {
  max-width: var(--hrv-container);
  margin-inline: auto;
  padding: 22px var(--hrv-page-pad) 0;
  font-size: 12px;
  color: var(--hrv-text-muted);
}
.breadcrumbs .items,
.hrv-breadcrumbs .items {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.breadcrumbs .item,
.hrv-breadcrumbs .item { display: inline-flex; align-items: center; gap: 9px; }
.breadcrumbs a,
.hrv-breadcrumbs a { color: inherit; text-decoration: none; }
.breadcrumbs a:hover,
.hrv-breadcrumbs a:hover { color: var(--hrv-text); }

/* Separator — replace Magento's default with a slim slash. */
.breadcrumbs .item:not(:last-child)::after,
.hrv-breadcrumbs .item:not(:last-child)::after {
  content: "/";
  color: var(--hrv-text-subtle);
}
.breadcrumbs .item:last-child,
.breadcrumbs .item.cms_page,
.hrv-breadcrumbs .item--current {
  color: var(--hrv-text);
}

@media (max-width: 767px) {
  .breadcrumbs,
  .hrv-breadcrumbs { padding-top: 16px; }
}