/* TMD | Premium matte navy + differentiated focus glows | Oct 24, 2026
   Layered after tmd-nav-equal-actions.css. Scoped ONLY to the 4 homeowner
   header actions; not the investor navigation or video category filters. */
body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-header-color-cta {
  --tmd-glow:245,158,11;
  box-sizing:border-box !important;
  background:#102946 !important;
  background-image:none !important;
  color:#ffffff !important;
  border:1px solid #274466 !important;
  border-bottom:1px solid #274466 !important;
  border-radius:8px !important;
  box-shadow:0 3px 10px rgba(9,27,51,.22) !important;
  /* Widths/heights are defined by the shared equal-button stylesheet. */
  transform:translate3d(0,0,0) scale(1) !important;
  filter:none !important;
  transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,border-color .3s ease !important;
}
body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-cta-video  {--tmd-glow:245,158,11;}  /* amber */
body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-cta-quote  {--tmd-glow:0,255,135;}   /* green */
body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-cta-alert  {--tmd-glow:30,64,175;}   /* blue */
body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-cta-report {--tmd-glow:6,182,212;}   /* teal */

body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-header-color-cta .tmd-header-cta-label,
body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-header-color-cta .tmd-header-cta-icon {
  color:#ffffff !important;
}

/* :hover, :focus-visible and :active give the distinct glow.
   Current-page status alone intentionally does NOT enlarge the button,
   keeping all four buttons the same baseline size. */
body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-header-color-cta:hover,
body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-header-color-cta:focus-visible {
  background:#102946 !important;
  background-image:none !important;
  color:#ffffff !important;
  border-color:rgba(var(--tmd-glow),.95) !important;
  transform:translate3d(0,0,0) scale(1.04) !important;
  filter:none !important;
  box-shadow:0 0 0 2px rgba(var(--tmd-glow),.62),
             0 0 19px 3px rgba(var(--tmd-glow),.45),
             0 9px 21px rgba(5,24,51,.22) !important;
}
body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-header-color-cta:active {
  background:#102946 !important;
  border-color:rgb(var(--tmd-glow)) !important;
  transform:translate3d(0,0,0) scale(1.04) !important;
  box-shadow:0 0 0 2px rgba(var(--tmd-glow),.72),
             0 0 24px 4px rgba(var(--tmd-glow),.53),
             0 7px 16px rgba(5,24,51,.22) !important;
}
body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-header-color-cta:focus-visible {
  outline:2px solid #ffffff !important;
  outline-offset:4px !important;
}
@media (prefers-reduced-motion: reduce) {
  body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-header-color-cta {transition:none !important;}
  body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-header-color-cta:hover,
  body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-header-color-cta:focus-visible,
  body.home-loan-site > header.banner-header.home-sticky-header nav#navigation > a.tmd-header-color-cta:active {
    transform:none !important;
  }
}