/* HerbalExt global breadcrumb system — v1.0.100
 * One horizontal position and spacing rhythm across hubs, category pages,
 * manufacturing detail pages, product pages and standard business pages.
 */

.hef-breadcrumb{
  padding:30px 0 0;
  margin:0 0 44px;
  color:#748179;
  font-size:.76rem;
  line-height:1.45;
}
.hef-breadcrumb ol{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  list-style:none;
  margin:0;
  padding:0;
}
.hef-breadcrumb li{display:inline-flex;align-items:center;min-width:0}
.hef-breadcrumb li:not(:last-child):after{
  content:"/";
  margin-left:7px;
  color:#9aa49f;
  opacity:.58;
}
.hef-breadcrumb a{
  color:#6f7e77;
  text-decoration:none;
  transition:color .18s var(--hef-ease);
}
.hef-breadcrumb a:hover,.hef-breadcrumb a:focus-visible{
  color:var(--hef-forest);
  text-decoration:underline;
  text-underline-offset:3px;
  outline:0;
}
.hef-breadcrumb li[aria-current="page"]{
  color:#52645c;
  font-weight:650;
}

/* Hero-specific breadcrumb rules override older per-template spacing. */
.hef-manufacturing-hero .hef-breadcrumb,
.hef-capsule-mfg-hero .hef-breadcrumb,
.hef-tablet-mfg-hero .hef-breadcrumb,
.hef-mfg-hero .hef-breadcrumb,
.hef-supplement-hero .hef-breadcrumb,
.hef-supplement-tax-hero .hef-breadcrumb,
.hef-ingredient-archive-hero .hef-breadcrumb,
.hef-ingredient-taxonomy-hero .hef-breadcrumb,
.hef-product-hero .hef-breadcrumb,
.hef-about-hero .hef-breadcrumb,
.hef-formulation-hero .hef-breadcrumb,
.hef-contract-hero .hef-breadcrumb,
.hef-pl-hero .hef-breadcrumb,
.hef-pack-hero .hef-breadcrumb,
.hef-contact-hero .hef-breadcrumb,
.hef-quote-hero .hef-breadcrumb{
  padding:30px 0 0;
  margin:0 0 44px;
  color:#748179;
  font-size:.76rem;
}

/* The breadcrumb now creates the vertical handoff into the hero, so remove
 * template-specific top padding from hero grids. Bottom padding is untouched. */
.hef-manufacturing-hero{padding-top:0}
.hef-manufacturing-hero__grid,
.hef-capsule-mfg-hero__grid,
.hef-tablet-mfg-hero__grid,
.hef-mfg-hero__grid,
.hef-supplement-hero__grid,
.hef-supplement-tax-hero__grid,
.hef-ingredient-archive-hero__grid,
.hef-ingredient-taxonomy-hero__grid,
.hef-product-hero__grid,
.hef-about-hero__grid,
.hef-formulation-hero__grid,
.hef-contract-hero__grid,
.hef-pl-hero__grid,
.hef-pack-hero__grid,
.hef-contact-hero__grid,
.hef-quote-hero__grid{
  padding-top:0;
}

/* Standard/generic templates follow the same breadcrumb-to-heading rhythm. */
.hef-generic-page .hef-page-hero--simple,
.hef-generic-listing .hef-page-hero--simple{
  padding-top:0;
}

@media(max-width:850px){
  .hef-breadcrumb,
  .hef-manufacturing-hero .hef-breadcrumb,
  .hef-capsule-mfg-hero .hef-breadcrumb,
  .hef-tablet-mfg-hero .hef-breadcrumb,
  .hef-mfg-hero .hef-breadcrumb,
  .hef-supplement-hero .hef-breadcrumb,
  .hef-supplement-tax-hero .hef-breadcrumb,
  .hef-ingredient-archive-hero .hef-breadcrumb,
  .hef-ingredient-taxonomy-hero .hef-breadcrumb,
  .hef-product-hero .hef-breadcrumb,
  .hef-about-hero .hef-breadcrumb,
  .hef-formulation-hero .hef-breadcrumb,
  .hef-contract-hero .hef-breadcrumb,
  .hef-pl-hero .hef-breadcrumb,
  .hef-pack-hero .hef-breadcrumb,
  .hef-contact-hero .hef-breadcrumb,
  .hef-quote-hero .hef-breadcrumb{
    padding-top:22px;
    margin-bottom:30px;
  }
}

@media(max-width:560px){
  .hef-breadcrumb,
  .hef-manufacturing-hero .hef-breadcrumb,
  .hef-capsule-mfg-hero .hef-breadcrumb,
  .hef-tablet-mfg-hero .hef-breadcrumb,
  .hef-mfg-hero .hef-breadcrumb,
  .hef-supplement-hero .hef-breadcrumb,
  .hef-supplement-tax-hero .hef-breadcrumb,
  .hef-ingredient-archive-hero .hef-breadcrumb,
  .hef-ingredient-taxonomy-hero .hef-breadcrumb,
  .hef-product-hero .hef-breadcrumb,
  .hef-about-hero .hef-breadcrumb,
  .hef-formulation-hero .hef-breadcrumb,
  .hef-contract-hero .hef-breadcrumb,
  .hef-pl-hero .hef-breadcrumb,
  .hef-pack-hero .hef-breadcrumb,
  .hef-contact-hero .hef-breadcrumb,
  .hef-quote-hero .hef-breadcrumb{
    padding-top:18px;
    margin-bottom:24px;
    font-size:.72rem;
  }
  .hef-breadcrumb ol{gap:6px}
  .hef-breadcrumb li:not(:last-child):after{margin-left:6px}
}