/* alpha.139 — one visual rule for every Sims Archives public breadcrumb.
 * Retains each hero's chosen position and Core's document structure.
 * The current label is scrollable on small screens rather than being hidden.
 */
nav.simb-site-breadcrumb,
nav.simb-hero-breadcrumb,
nav.sac-mg-breadcrumb {
  box-sizing:border-box!important;
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  min-height:36px!important;
  max-width:min(920px,calc(100% - 24px))!important;
  width:max-content;
  padding:8px 13px!important;
  margin-top:0;
  border:1px solid rgba(184,212,245,.18)!important;
  border-radius:999px!important;
  background:rgba(7,23,50,.72)!important;
  box-shadow:0 4px 16px rgba(0,0,0,.09);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  color:rgba(225,238,255,.81)!important;
  font:700 12px/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
/* One discreet decorative green diamond at the start of every breadcrumb.
 * CSS-only, so it also appears on Core pages and on generated breadcrumb trails.
 * Empty pseudo-content is intentionally ignored by assistive technology. */
nav.simb-site-breadcrumb::before,
nav.simb-hero-breadcrumb::before,
nav.sac-mg-breadcrumb::before {
  content:""!important;
  display:block!important;
  position:relative!important;
  box-sizing:border-box!important;
  flex:0 0 8px!important;
  width:8px!important;
  height:8px!important;
  margin-inline:2px 3px!important;
  background:#94eb3f!important;
  border-radius:1px!important;
  transform:rotate(45deg)!important;
  box-shadow:0 0 0 2px rgba(148,235,63,.09),0 0 9px rgba(148,235,63,.3)!important;
  pointer-events:none!important;
}
nav.simb-site-breadcrumb::-webkit-scrollbar,
nav.simb-hero-breadcrumb::-webkit-scrollbar,
nav.sac-mg-breadcrumb::-webkit-scrollbar {display:none}
nav.simb-site-breadcrumb>a,
nav.simb-hero-breadcrumb>a,
nav.sac-mg-breadcrumb>a {flex:0 0 auto!important;color:rgba(224,238,255,.86)!important;text-decoration:none!important;white-space:nowrap!important}
nav.simb-site-breadcrumb>a:hover,
nav.simb-hero-breadcrumb>a:hover,
nav.sac-mg-breadcrumb>a:hover {color:var(--simb-accent,#91e939)!important}
nav.simb-site-breadcrumb a:focus-visible,
nav.simb-hero-breadcrumb a:focus-visible,
nav.sac-mg-breadcrumb a:focus-visible {outline:2px solid var(--simb-accent,#91e939);outline-offset:2px;border-radius:3px}
nav.simb-site-breadcrumb>span,
nav.simb-hero-breadcrumb>span,
nav.sac-mg-breadcrumb>span {flex:0 0 auto;min-width:0!important;white-space:nowrap!important}
nav.simb-site-breadcrumb [aria-hidden="true"],
nav.simb-hero-breadcrumb [aria-hidden="true"],
nav.sac-mg-breadcrumb [aria-hidden="true"] {color:rgba(190,209,240,.53)!important;opacity:.9}
nav.simb-site-breadcrumb [aria-current="page"],
nav.simb-hero-breadcrumb [aria-current="page"],
nav.sac-mg-breadcrumb [aria-current="page"] {color:#fff!important;font-weight:850!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important}
/* Keep existing positioning rules in SimBuilder's distinct hero layouts. */
.sac-mg-hero-content>nav.sac-mg-breadcrumb,
.sac-mg-single-hero-inner nav.sac-mg-breadcrumb {margin-bottom:57px!important}
/* Core's About page had no breadcrumb; place it in normal document flow. */
.sac-about-hero-copy>nav.simb-site-breadcrumb--generated {position:relative;inset:auto;margin:0 0 34px!important;z-index:5}
nav.simb-site-breadcrumb--generated {position:relative;inset:auto;margin:0 0 22px!important;z-index:5}
/* Override the gallery's old no-border, transparent breadcrumb style. */
.simb-gallery-hero__content>nav.simb-hero-breadcrumb,
.simb-hero--cinematic .simb-hero__inner>nav.simb-hero-breadcrumb {border-radius:999px!important;padding:8px 13px!important;background:rgba(7,23,50,.72)!important}
@media(max-width:700px){
  nav.simb-site-breadcrumb,nav.simb-hero-breadcrumb,nav.sac-mg-breadcrumb {gap:7px!important;max-width:calc(100% - 6px)!important;min-height:33px!important;padding:7px 10px!important;font-size:11px!important}
  .sac-mg-hero-content>nav.sac-mg-breadcrumb,.sac-mg-single-hero-inner nav.sac-mg-breadcrumb {margin-bottom:48px!important}
  .sac-about-hero-copy>nav.simb-site-breadcrumb--generated {margin-bottom:25px!important}
}
@media(prefers-reduced-motion:reduce){nav.simb-site-breadcrumb,nav.simb-hero-breadcrumb,nav.sac-mg-breadcrumb{scroll-behavior:auto}}