/* =========================================================
   v2.8.106 — Header customer-login hover readability
   Scope: public site header login button over video/dark hero only.

   Fixes the state where the customer login button background becomes
   dark blue on hover while the text also turns dark, making it unreadable.
   ========================================================= */

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

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