/* ═══════════════════════════════════════════════════════════════════
   Silver Talkies — Breadcrumb navigation strip
   Helps seniors understand exactly where they are in the site.
   Sits just below the sticky navbar, above page content.
   ═══════════════════════════════════════════════════════════════════ */

.st-breadcrumb {
  width:            100%;
  background:       #f7f7f7;
  border-bottom:    1px solid #e8e8e8;
  padding:          6px 0;
  font-size:        13px;
  font-family:      'Montserrat', sans-serif;
  color:            #666;
  position:         relative;
  z-index:          1;
  clear:            both;
}

.st-breadcrumb__inner {
  max-width:        1140px;
  margin:           0 auto;
  padding:          0 15px;
  display:          flex;
  align-items:      center;
  flex-wrap:        wrap;
  gap:              4px;
}

.st-breadcrumb__item {
  display:          inline-flex;
  align-items:      center;
  gap:              4px;
  white-space:      nowrap;
}

.st-breadcrumb__link {
  color:            #2fadb1;
  text-decoration:  none;
  font-weight:      500;
  transition:       color 0.15s;
}

.st-breadcrumb__link:hover {
  color:            #ff4775;
  text-decoration:  underline;
}

/* Current page — not a link, plain text */
.st-breadcrumb__current {
  color:            #333;
  font-weight:      600;
}

/* Separator › */
.st-breadcrumb__sep {
  color:            #bbb;
  font-size:        11px;
  user-select:      none;
  flex-shrink:      0;
}

/* High-contrast override */
body.st-high-contrast .st-breadcrumb {
  background:       #111 !important;
  border-color:     #444 !important;
}

body.st-high-contrast .st-breadcrumb__link {
  color:            #7ee8eb !important;
}

body.st-high-contrast .st-breadcrumb__current,
body.st-high-contrast .st-breadcrumb__sep {
  color:            #fff !important;
}

/* Mobile: slightly smaller, allow wrapping */
@media (max-width: 576px) {
  .st-breadcrumb {
    font-size: 11px;
    padding:   5px 0;
  }
}