/* Cashbook Finance v2.10.19 — transfer the desktop logo hover to primary navigation */
@media (min-width:1361px){
  /* The brand remains visually stable and no longer reacts on hover. */
  header.nav .brand,
  header.nav .brand:hover,
  header.nav .brand:focus-visible{
    transform:none!important;
    filter:none!important;
  }
  header.nav .brand::after,
  header.nav .brand:hover::after,
  header.nav .brand:focus-visible::after{
    content:none!important;
    display:none!important;
    opacity:0!important;
    transform:none!important;
  }

  /* Invoice finance through Contact now use the former brand interaction. */
  header.nav nav.links>a{
    position:relative!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    filter:none!important;
    text-shadow:none!important;
    transform:none!important;
    transition:color .2s ease,transform .25s var(--cb-ease),filter .25s ease!important;
  }
  header.nav nav.links>a::before{
    content:none!important;
    display:none!important;
  }
  header.nav nav.links>a::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    bottom:5px!important;
    width:auto!important;
    height:1px!important;
    border:0!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,rgba(82,182,241,.88),rgba(82,182,241,0))!important;
    box-shadow:none!important;
    opacity:0!important;
    transform:scaleX(.65)!important;
    transform-origin:left center!important;
    transition:opacity .22s ease,transform .25s var(--cb-ease)!important;
    pointer-events:none!important;
  }
  header.nav nav.links>a:hover,
  header.nav nav.links>a:focus-visible{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    color:#fff!important;
    filter:drop-shadow(0 7px 14px rgba(54,166,235,.18))!important;
    text-shadow:none!important;
    transform:translateY(-1px)!important;
  }
  header.nav nav.links>a:hover::after,
  header.nav nav.links>a:focus-visible::after{
    content:""!important;
    display:block!important;
    background:linear-gradient(90deg,rgba(82,182,241,.88),rgba(82,182,241,0))!important;
    opacity:1!important;
    transform:scaleX(1)!important;
  }

  /* Preserve a restrained current-page marker without changing the hover. */
  header.nav nav.links>a[aria-current="page"]::after,
  header.nav nav.links>a.is-current::after,
  header.nav nav.links>a.active::after{
    content:""!important;
    display:block!important;
    background:linear-gradient(90deg,rgba(82,182,241,.88),rgba(82,182,241,0))!important;
    opacity:.62!important;
    transform:scaleX(1)!important;
  }
  header.nav nav.links>a[aria-current="page"]:hover::after,
  header.nav nav.links>a.is-current:hover::after,
  header.nav nav.links>a.active:hover::after,
  header.nav nav.links>a[aria-current="page"]:focus-visible::after,
  header.nav nav.links>a.is-current:focus-visible::after,
  header.nav nav.links>a.active:focus-visible::after{
    opacity:1!important;
  }

  /* Scrolled light header: keep the same motion and underline with readable ink. */
  html:not([data-theme="dark"]) body.nav-solid header.nav nav.links>a:hover,
  html:not([data-theme="dark"]) body.nav-solid header.nav nav.links>a:focus-visible,
  html:not([data-theme="dark"]) body.nav-compact header.nav nav.links>a:hover,
  html:not([data-theme="dark"]) body.nav-compact header.nav nav.links>a:focus-visible{
    color:#0878b8!important;
    filter:drop-shadow(0 7px 14px rgba(31,134,194,.18))!important;
    transform:translateY(-1px)!important;
  }

  /* Dark mode uses a brighter line while retaining the identical interaction. */
  html[data-theme="dark"] header.nav nav.links>a::after,
  html[data-theme="dark"] header.nav nav.links>a:hover::after,
  html[data-theme="dark"] header.nav nav.links>a:focus-visible::after,
  html[data-theme="dark"] header.nav nav.links>a[aria-current="page"]::after,
  html[data-theme="dark"] header.nav nav.links>a.is-current::after,
  html[data-theme="dark"] header.nav nav.links>a.active::after{
    content:""!important;
    display:block!important;
    background:linear-gradient(90deg,rgba(117,197,245,.96),rgba(117,197,245,0))!important;
  }
  html[data-theme="dark"] header.nav nav.links>a:hover,
  html[data-theme="dark"] header.nav nav.links>a:focus-visible,
  html[data-theme="dark"] body.nav-solid header.nav nav.links>a:hover,
  html[data-theme="dark"] body.nav-solid header.nav nav.links>a:focus-visible,
  html[data-theme="dark"] body.nav-compact header.nav nav.links>a:hover,
  html[data-theme="dark"] body.nav-compact header.nav nav.links>a:focus-visible{
    color:#fff!important;
    filter:drop-shadow(0 7px 14px rgba(76,183,240,.24))!important;
    transform:translateY(-1px)!important;
  }

  header.nav nav.links>a.nav-product:hover .nav-product-mark,
  header.nav nav.links>a.nav-product:focus-visible .nav-product-mark{
    color:inherit!important;
    transform:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  header.nav nav.links>a,
  header.nav nav.links>a::after{
    transition:none!important;
  }
}