/* =========================================================
   v2.8.107 — Customer-login hover readability, global header fix
   Scope: public site header login button only.

   Previous fix was too narrow because some pages use .site-header
   without .over-video. This rule targets the actual public header
   button:
   <a class="btn btn-ghost btn-small" href="../login.html">Customer Login</a>
   ========================================================= */

.site-header .nav-cta a.btn[href*="login"]:hover,
.site-header .nav-cta a.btn[href*="login"]:focus-visible,
.site-header .nav-cta a.btn.btn-ghost[href*="login"]:hover,
.site-header .nav-cta a.btn.btn-ghost[href*="login"]:focus-visible,
.site-header .nav-cta a.btn.btn-small[href*="login"]:hover,
.site-header .nav-cta a.btn.btn-small[href*="login"]:focus-visible,
.site-header .nav-cta a.btn.btn-ghost.btn-small[href*="login"]:hover,
.site-header .nav-cta a.btn.btn-ghost.btn-small[href*="login"]:focus-visible {
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.95) !important;
  background: rgba(15,27,45,0.96) !important;
  text-decoration: none !important;
}

.site-header .nav-cta a.btn[href*="login"]:hover *,
.site-header .nav-cta a.btn[href*="login"]:focus-visible * {
  color: #ffffff !important;
}

/* Also cover translated/legacy login button classes if present. */
.site-header a[href*="login"].btn:hover,
.site-header a[href*="login"].btn:focus-visible {
  color: #ffffff !important;
}