/* ── Breadcrumb — web-jive.com ─────────────────────────────────────────────── */
/* SINGLE SOURCE OF TRUTH for breadcrumb look + placement.
   Visual is injected by /assets/js/breadcrumb.js right after #wj-mega-nav,
   so it sits flush below the fixed header on EVERY page (homepage excluded). */

/* Global reset: kill the default 8px body margin so full-width sections
   (nav, breadcrumb bar, dark heroes, footer) sit truly edge-to-edge. */
html,body{margin:0}

/* Base layout (colors live in .wj-bc--bar) */
.wj-bc{font-size:.72rem;letter-spacing:.02em}
.wj-bc ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .35rem}
.wj-bc li{display:flex;align-items:center;gap:.35rem}
.wj-bc li+li::before{content:"›";font-size:.9em;opacity:.45}
.wj-bc a{text-decoration:none;transition:color .15s}
.wj-bc a:hover{color:#EA7024 !important}

/* The bar — dark strip, flush below the fixed nav, sticky on scroll */
.wj-bc--bar{position:sticky;top:var(--wj-nav-h,calc(clamp(4rem,5.5vw,5.5rem) + 3px));z-index:90;background:#0b0b0c;border-bottom:2px solid #EA7024;padding:.5rem 1.5rem}
.wj-bc--bar ol{max-width:1200px;margin:0 auto}
.wj-bc--bar li{color:rgba(255,255,255,.4)}
.wj-bc--bar li+li::before{color:rgba(255,255,255,.25)}
.wj-bc--bar a{color:rgba(255,255,255,.65)}
.wj-bc--bar li[aria-current="page"] span{color:#fff;font-weight:500}
@media(max-width:480px){.wj-bc--bar{font-size:.68rem;padding:.42rem 1rem}}

/* CRITICAL: dark heroes use margin-top:-nav-h to tuck under the fixed nav.
   Once the breadcrumb bar is injected above them, that tuck would pull the
   hero UP under the bar and clip the title. When the bar is present, cancel
   the tuck — the dark bar now provides the seamless dark-under-nav join.
   Scoped to ".wj-bc--bar ~" so it ONLY applies when the bar exists (never
   on the homepage), and !important to beat the per-page inline <style>.     */
.wj-bc--bar ~ main .wj-art-hero,
.wj-bc--bar ~ main .wj-page-hero,
.wj-bc--bar ~ .wj-art-hero,
.wj-bc--bar ~ .wj-page-hero{margin-top:0 !important}


/* Remove the now-redundant nav-height TOP PADDING inside the hero. That padding was
   sized to clear the fixed nav while the hero tucked under it; once the bar cancels
   the tuck (margin-top:0 above), the padding becomes a large empty spacer at the top
   of the hero. Trim it to a clean gap. */
.wj-bc--bar ~ main .wj-art-hero .wrap,
.wj-bc--bar ~ .wj-art-hero .wrap{padding-top:2.5rem !important}