/**
 * FoodMart breadcrumbs — prototype hk-catalog-crumb (loads last on hk-foodmart-shell).
 * Markup: Home<a>…</a><span>/</span><span>Current</span>
 */

/* Align with centered content blocks (contact, about, auth, account…) */
.hk-catalog-page__shell > .hk-catalog-crumb {
  box-sizing: border-box;
  margin-inline: auto;
  max-width: 1100px;
  width: 100%;
}

.hk-page-account-dashboard .hk-catalog-page__shell > .hk-catalog-crumb,
.hk-page-account-inner .hk-catalog-page__shell > .hk-catalog-crumb {
  max-width: 1080px;
}

.hk-foodmart-shell .hk-catalog-crumb,
.hk-foodmart-shell nav.crumb {
  align-items: center;
  color: var(--hk-muted-fg, #6b7280);
  display: flex;
  flex-wrap: wrap;
  font-family: var(--body-font, "Open Sans", sans-serif);
  font-size: 0.875rem;
  gap: 0.35rem 0.5rem;
  line-height: 1.4;
  margin-bottom: 1.25rem;
}

.hk-foodmart-shell .hk-catalog-crumb a,
.hk-foodmart-shell nav.crumb a {
  color: var(--light-dark-color, #727272);
  font-weight: 400;
  text-decoration: none;
  transition: color 0.15s ease;
}

.hk-foodmart-shell .hk-catalog-crumb a:hover,
.hk-foodmart-shell .hk-catalog-crumb a:focus-visible,
.hk-foodmart-shell nav.crumb a:hover,
.hk-foodmart-shell nav.crumb a:focus-visible {
  color: var(--dark-color, #222222);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.hk-foodmart-shell .hk-catalog-crumb__sep,
.hk-foodmart-shell nav.crumb span:not(:last-child) {
  opacity: 0.45;
}

.hk-foodmart-shell .hk-catalog-crumb__home {
  align-items: center;
  display: inline-flex;
  line-height: 0;
  text-decoration: none !important;
}

.hk-foodmart-shell .hk-catalog-crumb__home svg {
  color: var(--light-dark-color, #727272);
  display: block;
  transition: color 0.15s ease;
}

.hk-foodmart-shell .hk-catalog-crumb__home:hover svg,
.hk-foodmart-shell .hk-catalog-crumb__home:focus-visible svg {
  color: var(--dark-color, #222222);
}

.hk-foodmart-shell .hk-catalog-crumb__home:hover,
.hk-foodmart-shell .hk-catalog-crumb__home:focus-visible {
  text-decoration: none !important;
}

.hk-foodmart-shell .hk-catalog-crumb__current,
.hk-foodmart-shell .hk-catalog-crumb > span:last-child,
.hk-foodmart-shell nav.crumb > span:last-child {
  color: var(--dark-color, #222222);
}

/* PLP .top — reset legacy hk-category-plp .crumb (green links, large gaps) */
.hk-foodmart-shell.hk-catalog-plp .top .hk-catalog-crumb,
.hk-foodmart-shell.hk-catalog-plp .top nav.crumb {
  margin-bottom: 1.25rem;
}

.hk-foodmart-shell.hk-catalog-plp .top .hk-catalog-crumb a,
.hk-foodmart-shell.hk-catalog-plp .top nav.crumb a {
  color: var(--light-dark-color, #727272);
  font-weight: 400;
}

.hk-foodmart-shell.hk-catalog-plp .top nav.crumb span {
  margin: 0;
}

.hk-page-assortment-wrap .hk-catalog-crumb {
  justify-content: center;
}