/* ═══════════════════════════════════════════════════════════════════
   Silver Talkies — Active nav indicator
   Tells seniors exactly which section they are currently viewing.
   Works alongside the existing .effect-underline hover mechanic.
   ═══════════════════════════════════════════════════════════════════ */

/* Active link colour — matches the ST teal brand */
.mynavbar .nav-item.st-nav-active > a.nav-link {
  color: #2fadb1 !important;
  font-weight: 700;
}

/* Keep the underline always visible (not just on hover) */
.mynavbar .nav-item.st-nav-active > a.nav-link.effect-underline::after {
  opacity: 1 !important;
  transform: scale(1) !important;
  border-bottom: 2px solid #2fadb1;
}

/* When navbar scrolls to dark/active state, keep teal text readable */
.mynavbar.active .nav-item.st-nav-active > a.nav-link {
  color: #7ee8eb !important;
}

/* High-contrast override */
body.st-high-contrast .mynavbar .nav-item.st-nav-active > a.nav-link {
  color: #ffffff !important;
  text-decoration: underline;
}