/* Unified hover/focus treatment for the public site's Support navigation CTA. */
.support-button-desktop,
.support-button-mobile {
  transition: transform .22s ease, filter .22s ease, box-shadow .22s ease, background .22s ease !important;
  will-change: auto;
}
.support-button-desktop:hover,
.support-button-mobile:hover,
.support-button-desktop:focus-visible,
.support-button-mobile:focus-visible {
  background: linear-gradient(125deg, #ffe14d 0%, #ffae22 75%, #ff9a23 100%) !important;
  filter: brightness(1.13) saturate(1.12) !important;
  color: #16150b !important;
  box-shadow: 0 0 0 2px rgba(255,222,103,.35), 0 0 23px rgba(250,188,41,.52), 0 9px 22px rgba(0,0,0,.35) !important;
  transform: translateY(-2px) !important;
}
.support-button-desktop:active,
.support-button-mobile:active { transform: translateY(0) !important; }
@media (prefers-reduced-motion: reduce) {
 .support-button-desktop,.support-button-mobile { transition: none !important; }
}

/* Public desktop navigation: clear hover feedback for every destination. */
@media (min-width: 768px) {
  .site-nav .nav-links > a.nav-link {
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
  }
  .site-nav .nav-links > a.nav-link:hover,
  .site-nav .nav-links > a.nav-link:focus-visible {
    color: #b9f6ff !important;
    background: rgba(34,211,238,.15) !important;
    border-color: rgba(34,211,238,.74) !important;
    box-shadow: inset 0 0 0 1px rgba(34,211,238,.1), 0 0 15px rgba(34,211,238,.23) !important;
    transform: translateY(-1px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-nav .nav-links > a.nav-link { transition: none !important; }
}