/* Shared Elefante breadcrumb component. Loaded after all page-specific CSS. */
.nm-child-single-breadcrumb,
.nm-coop-breadcrumb,
.nm-policy-breadcrumb,
.nm-services-breadcrumb,
.nm-collection-breadcrumbs,
#nm-breadcrumb.woocommerce-breadcrumb {
  display: flex;
  width: 100%;
  min-height: 52px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px 4px;
  border: 0;
  border-bottom: 1px solid rgba(17, 17, 17, 0.12);
  background: transparent;
  color: #767676;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: 0.035em;
  text-align: left;
  text-transform: none;
}

.nm-child-single-breadcrumb a,
.nm-coop-breadcrumb a,
.nm-policy-breadcrumb a,
.nm-services-breadcrumb a,
.nm-collection-breadcrumbs a,
#nm-breadcrumb.woocommerce-breadcrumb a {
  color: #111;
  font-weight: 700;
  text-decoration: none;
  transition: color 180ms ease;
}

.nm-child-single-breadcrumb a:hover,
.nm-child-single-breadcrumb a:focus-visible,
.nm-coop-breadcrumb a:hover,
.nm-coop-breadcrumb a:focus-visible,
.nm-policy-breadcrumb a:hover,
.nm-policy-breadcrumb a:focus-visible,
.nm-services-breadcrumb a:hover,
.nm-services-breadcrumb a:focus-visible,
.nm-collection-breadcrumbs a:hover,
.nm-collection-breadcrumbs a:focus-visible,
#nm-breadcrumb.woocommerce-breadcrumb a:hover,
#nm-breadcrumb.woocommerce-breadcrumb a:focus-visible {
  color: var(--nm-brand-gold, #e6a53c);
}

.nm-child-single-breadcrumb > span,
.nm-coop-breadcrumb > span,
.nm-policy-breadcrumb > span,
.nm-services-breadcrumb > span,
.nm-collection-breadcrumbs > span,
#nm-breadcrumb.woocommerce-breadcrumb > .delimiter {
  color: rgba(17, 17, 17, 0.38);
}

.nm-child-single-breadcrumb > :last-child,
.nm-coop-breadcrumb > :last-child,
.nm-policy-breadcrumb > :last-child,
.nm-services-breadcrumb > :last-child,
.nm-collection-breadcrumbs > :last-child,
#nm-breadcrumb.woocommerce-breadcrumb > :last-child {
  color: #111;
}

/* Standalone cooperation and services pages already use strong section framing. */
.nm-coop-page > .nm-coop-breadcrumb,
.nm-services-page > .nm-services-breadcrumb {
  border-bottom: 0;
}

@media (max-width: 767px) {
  .nm-child-single-breadcrumb,
  .nm-coop-breadcrumb,
  .nm-policy-breadcrumb,
  .nm-services-breadcrumb,
  .nm-collection-breadcrumbs,
  #nm-breadcrumb.woocommerce-breadcrumb {
    min-height: 44px;
    gap: 6px;
    margin-bottom: 22px;
    padding: 11px 2px;
    font-size: 11px;
    letter-spacing: 0.02em;
  }
}