/* First Heritage — Internet Banking Login high-contrast hotfix (2026-09-25)
 * Purpose: force the homepage header "Internet Banking Login" pill to navy + white
 * even when it inherits light header/top-bar colors. Loaded after fc-design-system.css.
 * Targets: href-based selectors (no markup change needed) + .fc-ib-fixed class added by JS.
 */

header a[href*="internet-app"],
header a[href*="sign-in"],
header a[href*="sign_in"],
header a[href*="internet-banking"],
.site-header a[href*="internet-app"],
.top-bar a[href*="internet-app"],
.header-top a[href*="internet-app"],
a.fc-ib-fixed,
button.fc-ib-fixed {
  background: #0c2744 !important;
  background-color: #0c2744 !important;
  border: 1px solid #0c2744 !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

header a[href*="internet-app"] span,
header a[href*="sign-in"] span,
header a[href*="internet-banking"] span,
.site-header a[href*="internet-app"] span,
.top-bar a[href*="internet-app"] span,
a.fc-ib-fixed span,
button.fc-ib-fixed span,
a.fc-ib-fixed i,
button.fc-ib-fixed i,
a.fc-ib-fixed svg,
button.fc-ib-fixed svg {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  fill: #ffffff !important;
  opacity: 1 !important;
}

/* Hover / focus keep contrast */
header a[href*="internet-app"]:hover,
header a[href*="internet-app"]:focus,
a.fc-ib-fixed:hover,
a.fc-ib-fixed:focus {
  background: #124076 !important;
  background-color: #124076 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

header a[href*="internet-app"]:hover span,
header a[href*="internet-app"]:focus span,
a.fc-ib-fixed:hover span,
a.fc-ib-fixed:focus span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Mobile menu / slide-out copies */
@media (max-width: 991px) {
  header a[href*="internet-app"],
  a.fc-ib-fixed {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 18px !important;
    font-weight: 700 !important;
  }
}