/* Cashbook Finance v2.10.6 — balanced navigation and mobile utility actions */

/* Minimal product markers: no boxed pictograms. */
header.nav .nav-product-icon,
.mobile-menu .nav-product-icon{display:none!important}
header.nav .nav-product-mark,
.mobile-menu .nav-product-mark{
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  color:#79cffb;
  line-height:0;
}
header.nav .nav-product-mark{width:17px;height:20px}
header.nav .nav-product-mark svg{width:17px;height:17px}
.mobile-menu .nav-product-mark{width:24px;height:32px;color:#82d3ff}
.mobile-menu .nav-product-mark svg{width:21px;height:21px}
body.nav-solid header.nav .nav-product-mark,
body.nav-compact header.nav .nav-product-mark{color:#087bc2}
html[data-theme="dark"] body.nav-solid header.nav .nav-product-mark,
html[data-theme="dark"] body.nav-compact header.nav .nav-product-mark{color:#79cffb}
header.nav a.nav-product:hover .nav-product-mark,
header.nav a.nav-product[aria-current="page"] .nav-product-mark,
header.nav a.nav-product.is-current .nav-product-mark{color:#a7e2ff;transform:translateX(2px)}
body.nav-solid header.nav a.nav-product:hover .nav-product-mark,
body.nav-solid header.nav a.nav-product[aria-current="page"] .nav-product-mark,
body.nav-compact header.nav a.nav-product:hover .nav-product-mark,
body.nav-compact header.nav a.nav-product[aria-current="page"] .nav-product-mark{color:#0878c6}

/* Desktop: equal internal rhythm, full phone number, and symmetric container padding. */
@media(min-width:1361px){
  header.nav{padding-inline:10px!important}
  header.nav .nav-in{
    width:calc(100% - 0px)!important;
    max-width:1900px!important;
    grid-template-columns:128px minmax(0,1fr) auto!important;
    column-gap:10px!important;
    padding:7px 12px!important;
  }
  header.nav .brand{width:128px!important;min-width:128px!important}
  header.nav .brand img{height:27px!important;max-width:126px!important}
  header.nav nav.links{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:3px 7px!important;
  }
  header.nav nav.links>a{
    min-height:38px!important;
    padding:0 6px!important;
    font-size:clamp(11.45px,.78vw,12.7px)!important;
    font-weight:650!important;
    white-space:nowrap!important;
  }
  header.nav nav.links>a.nav-product{
    gap:5px!important;
    padding:0 6px!important;
    border:0!important;
    background:transparent!important;
  }
  header.nav nav.links>.nav-section-divider{
    width:1px!important;
    height:24px!important;
    flex:0 0 1px!important;
    margin:0 2px!important;
  }
  header.nav .nav-cta{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    margin:0!important;
  }
  header.nav .nav-phone{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    width:auto!important;
    min-width:124px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0 10px!important;
    border-radius:12px!important;
    font-size:12.25px!important;
    font-weight:700!important;
    white-space:nowrap!important;
  }
  header.nav .nav-phone span{display:inline!important}
  header.nav .nav-phone svg{width:16px!important;height:16px!important;flex:0 0 16px!important}
  header.nav .desktop-site-search{width:40px!important;min-width:40px!important;flex-basis:40px!important}
  header.nav .portal-nav-link{
    min-width:116px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0 10px!important;
    font-size:12.25px!important;
  }
  header.nav .nav-apply{
    min-width:154px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0 12px!important;
    font-size:12.25px!important;
  }
  header.nav .burger{display:none!important}
  .mobile-menu{display:none!important}
}

/* Keep the full desktop navigation through standard 1366px laptop widths. */
@media(min-width:1361px) and (max-width:1480px){
  header.nav .nav-in{grid-template-columns:116px minmax(0,1fr) auto!important;column-gap:7px!important;padding-inline:9px!important}
  header.nav .brand{width:116px!important;min-width:116px!important}
  header.nav .brand img{height:25px!important;max-width:114px!important}
  header.nav nav.links{gap:3px!important;padding-inline:3px!important}
  header.nav nav.links>a{font-size:11.2px!important;padding-inline:4px!important}
  header.nav nav.links>a.nav-product{gap:3px!important;padding-inline:3px!important}
  header.nav .nav-product-mark{width:15px!important}
  header.nav .nav-product-mark svg{width:15px!important;height:15px!important}
  header.nav nav.links>.nav-section-divider{margin-inline:1px!important}
  header.nav .nav-cta{gap:5px!important}
  header.nav .nav-phone{min-width:116px!important;padding-inline:8px!important;font-size:11.5px!important}
  header.nav .portal-nav-link{min-width:108px!important;padding-inline:8px!important;font-size:11.5px!important}
  header.nav .nav-apply{min-width:145px!important;padding-inline:9px!important;font-size:11.5px!important}
}

/* Mobile menu: the three utility actions share one width, height and radius. */
@media(max-width:1360px){
  header.nav nav.links{display:none!important}
  header.nav .nav-phone{display:none!important}
  header.nav .burger{display:flex!important}
  .mobile-menu{display:flex!important}
  .mobile-menu>a.nav-product{gap:8px!important;padding-left:4px!important}
  .mobile-menu .m-contact{width:100%!important;margin:16px 0 0!important}
  .mobile-menu .m-call,
  .mobile-menu .portal-mobile-link,
  .mobile-menu .mobile-apply{
    width:100%!important;
    min-width:100%!important;
    height:54px!important;
    min-height:54px!important;
    margin:10px 0 0!important;
    padding:0 16px!important;
    box-sizing:border-box!important;
    border-radius:13px!important;
    font-size:16px!important;
    font-weight:750!important;
    line-height:1!important;
  }
  .mobile-menu .m-call{
    justify-content:center!important;
    gap:10px!important;
    border:1px solid rgba(117,195,255,.28)!important;
    background:rgba(255,255,255,.055)!important;
    color:#fff!important;
  }
  .mobile-menu .m-call svg{width:19px!important;height:19px!important;color:#8fd2fb!important}
  .mobile-menu .portal-mobile-link{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    border:1px solid rgba(117,195,255,.42)!important;
    background:linear-gradient(135deg,rgba(0,120,215,.30),rgba(61,155,233,.13))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
    color:#fff!important;
  }
  .mobile-menu .portal-mobile-link svg{width:18px!important;height:18px!important;color:#8bd0ff!important;flex:0 0 18px!important}
  .mobile-menu .portal-mobile-link .portal-status-dot{display:block!important;width:7px!important;height:7px!important;flex:0 0 7px!important;border-radius:50%!important;background:#54dda7!important;box-shadow:0 0 0 4px rgba(84,221,167,.12)!important}
  .mobile-menu .portal-mobile-link .portal-nav-label{display:inline!important}
  .mobile-menu .mobile-apply{display:flex!important;align-items:center!important;justify-content:center!important}
}

@media(max-width:600px){
  .mobile-menu{padding-inline:16px!important}
}
@media(max-width:1360px){
  .mobile-menu .m-contact{order:89!important}
  .mobile-menu .portal-mobile-link{order:90!important}
  .mobile-menu .mobile-apply{order:91!important}
}