/* WebRoute Assam: header in the Very Nice Theme (navy glass + gold). 2 Nov 2026. Loaded after site-ui.css. */
:root{--vn-navy:#0B2A4A;--vn-deep:#06172B;--vn-gold:#F2B632;--vn-gold-soft:#FFD26E;--vn-muted:#C3CFDD}

/* bar: blur stays on ::before (backdrop-filter on the header would trap the fixed mobile menu) */
:root .fbs__net-navbar{border-bottom:1px solid rgba(242,182,50,.28)!important}
:root .fbs__net-navbar::before{background:linear-gradient(180deg,rgba(11,42,74,.90),rgba(6,23,43,.92));-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px)}
:root .fbs__net-navbar.active{box-shadow:0 14px 30px -14px rgba(0,0,0,.65)}
:root .fbs__net-navbar.active::before{background:linear-gradient(180deg,rgba(11,42,74,.97),rgba(6,23,43,.98))}

/* brand */
:root .fbs__net-navbar .wr-mark{background:linear-gradient(135deg,#12406d,var(--vn-deep));color:var(--vn-gold-soft);box-shadow:0 0 0 2px rgba(242,182,50,.55)}
:root .fbs__net-navbar .wr-name{color:#fff}
:root .fbs__net-navbar .wr-name small{color:var(--vn-gold);letter-spacing:.3em}

/* links */
:root .fbs__net-navbar .navbar-nav>li>.nav-link{color:var(--vn-muted)!important}
:root .fbs__net-navbar .navbar-nav>li>.nav-link:hover,:root .fbs__net-navbar .navbar-nav>li>.nav-link:focus-visible{background:rgba(255,255,255,.08);color:#fff!important}
:root .fbs__net-navbar .navbar-nav>li>.nav-link.active{background:rgba(242,182,50,.14);color:var(--vn-gold-soft)!important;font-weight:600;box-shadow:inset 0 0 0 1px rgba(242,182,50,.35)}
:root .fbs__net-navbar .nav-link:focus-visible,:root .wr-call:focus-visible,:root .wr-cta:focus-visible{outline:2px solid var(--vn-gold);outline-offset:2px}

/* call (ghost) and Get Quote (the one gold primary) */
:root .wr-call{color:#fff!important;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.26)}
:root .wr-call i{color:var(--vn-gold)}
:root .wr-call:hover{background:rgba(255,255,255,.14)}
:root .fbs__net-navbar .wr-cta{background:linear-gradient(180deg,var(--vn-gold-soft),var(--vn-gold))!important;color:#0B2A4A!important;box-shadow:0 10px 30px rgba(242,182,50,.28)}
:root .fbs__net-navbar .wr-cta:hover{filter:brightness(1.06);box-shadow:0 12px 32px rgba(242,182,50,.38)}

/* mobile: toggler + slide-out menu */
:root .fbs__net-navbar .fbs__net-navbar-toggler{background:rgba(255,255,255,.07)!important;color:var(--vn-gold-soft)!important;border:1px solid rgba(242,182,50,.55)!important;box-shadow:none}
:root .fbs__net-navbar .fbs__net-navbar-toggler:focus-visible{outline:2px solid #fff;outline-offset:2px}
:root .fbs__net-navbar .offcanvas{background:radial-gradient(120% 60% at 50% 0%,#12406d 0%,rgba(18,64,109,0) 70%),linear-gradient(180deg,var(--vn-navy),var(--vn-deep));color:#fff;border-right:1px solid rgba(242,182,50,.28)}
:root .fbs__net-navbar .offcanvas .btn-close{filter:invert(1) grayscale(1) brightness(2);opacity:.85}
@media (max-width:991.98px){
  :root .fbs__net-navbar .navbar-nav>li>.nav-link{color:#fff!important}
  :root .fbs__net-navbar .navbar-nav>li>.nav-link.active{background:rgba(242,182,50,.14);color:var(--vn-gold-soft)!important}
  :root .wr-mobile-cta{border-top-color:rgba(255,255,255,.14)}
  :root .wr-mobile-cta .wr-m-quote{background:linear-gradient(180deg,var(--vn-gold-soft),var(--vn-gold));color:#0B2A4A;box-shadow:0 10px 30px rgba(242,182,50,.28)}
  :root .wr-mobile-cta .wr-m-call,:root .wr-mobile-cta .wr-m-wa{background:rgba(255,255,255,.07);color:#fff;border:1px solid rgba(255,255,255,.26)}
  :root .wr-mobile-cta .wr-m-wa i{color:#3DDC84}
  :root .wr-mobile-cta .wr-m-call i{color:var(--vn-gold)}
}

/* ===== mobile + tablet menu (below 992px) ===== */
/* style.css forces `.fbs__net-navbar.dark a{color:...!important}`; these !important rules beat it */
:root .fbs__net-navbar.dark .wr-mobile-cta a{color:#fff!important;font-weight:700;letter-spacing:.01em}
:root .fbs__net-navbar.dark .wr-mobile-cta a.wr-m-quote{color:#0B2A4A!important;font-weight:800}
:root .fbs__net-navbar.dark .wr-mobile-cta a i{color:var(--vn-gold)!important}
:root .fbs__net-navbar.dark .wr-mobile-cta a.wr-m-quote i{color:#0B2A4A!important}
:root .fbs__net-navbar.dark .wr-mobile-cta a.wr-m-wa i{color:#3DDC84!important}
:root .fbs__net-navbar.dark .offcanvas-header .wr-name{color:#fff!important}

@media (max-width:991.98px){
  :root .fbs__net-navbar .offcanvas.offcanvas-start{width:min(88vw,400px)!important;border-radius:0 26px 26px 0;box-shadow:24px 0 60px rgba(0,0,0,.55);visibility:hidden}
  :root .fbs__net-navbar .offcanvas.show,:root .fbs__net-navbar .offcanvas.showing{visibility:visible}
  :root .fbs__net-navbar .offcanvas-header{padding:1.1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.10)}
  :root .fbs__net-navbar .offcanvas-body{padding:1rem 1rem max(1.25rem,env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch}
  :root .fbs__net-navbar .offcanvas .btn-close{width:2.6rem;height:2.6rem;margin:0;padding:0;border-radius:50%;background-color:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.22);background-size:.9rem;opacity:1}

  /* link rows: roomy tap targets with a gold chevron */
  :root .fbs__net-navbar .navbar-nav{gap:.25rem;width:100%}
  :root .fbs__net-navbar .navbar-nav>li>.nav-link{display:flex;align-items:center;justify-content:space-between;min-height:56px;margin:0;padding:.9rem 1.1rem!important;border-radius:16px;font-size:1.08rem;font-weight:600;letter-spacing:.005em;border:1px solid transparent}
  :root .fbs__net-navbar .navbar-nav>li>.nav-link::after{content:"\203A"!important;display:block!important;font-size:1.5rem;line-height:1;color:var(--vn-gold);opacity:.7;transition:transform .2s,opacity .2s}
  :root .fbs__net-navbar .navbar-nav>li>.nav-link:hover::after,:root .fbs__net-navbar .navbar-nav>li>.nav-link:focus-visible::after{transform:translateX(3px);opacity:1}
  :root .fbs__net-navbar .navbar-nav>li>.nav-link:active{background:rgba(255,255,255,.12)}
  :root .fbs__net-navbar .navbar-nav>li>.nav-link.active{background:linear-gradient(90deg,rgba(242,182,50,.20),rgba(242,182,50,.06));border-color:rgba(242,182,50,.40);box-shadow:none;color:var(--vn-gold-soft)!important}

  /* quote / call / WhatsApp stack */
  :root .wr-mobile-cta{display:grid;gap:.7rem;margin-top:auto;padding-top:1.4rem}
  :root .wr-mobile-cta a{min-height:54px;border-radius:18px;font-size:1.02rem}
  :root .wr-mobile-cta .wr-m-call,:root .wr-mobile-cta .wr-m-wa{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.28)}

  /* backdrop */
  .offcanvas-backdrop{background:#06172B}
  .offcanvas-backdrop.show{opacity:.62;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}

  /* soft staggered entrance */
  :root .fbs__net-navbar .offcanvas.show .navbar-nav>li{animation:vnIn .45s cubic-bezier(.2,.8,.2,1) both}
  :root .fbs__net-navbar .offcanvas.show .navbar-nav>li:nth-child(2){animation-delay:.04s}
  :root .fbs__net-navbar .offcanvas.show .navbar-nav>li:nth-child(3){animation-delay:.08s}
  :root .fbs__net-navbar .offcanvas.show .navbar-nav>li:nth-child(4){animation-delay:.12s}
  :root .fbs__net-navbar .offcanvas.show .navbar-nav>li:nth-child(5){animation-delay:.16s}
  :root .fbs__net-navbar .offcanvas.show .navbar-nav>li:nth-child(6){animation-delay:.20s}
  :root .fbs__net-navbar .offcanvas.show .navbar-nav>li:nth-child(7){animation-delay:.24s}
  :root .fbs__net-navbar .offcanvas.show .wr-mobile-cta{animation:vnIn .5s .3s cubic-bezier(.2,.8,.2,1) both}
}
@keyframes vnIn{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}

/* short phones: tighten so nothing is cut off */
@media (max-width:991.98px) and (max-height:700px){
  :root .fbs__net-navbar .navbar-nav>li>.nav-link{min-height:48px;padding:.6rem 1rem!important;font-size:1rem}
  :root .wr-mobile-cta{gap:.5rem;padding-top:1rem}
  :root .wr-mobile-cta a{min-height:48px}
}
/* tablets: a little more room, bigger type */
@media (min-width:576px) and (max-width:991.98px){
  :root .fbs__net-navbar .offcanvas.offcanvas-start{width:min(70vw,440px)!important}
  :root .fbs__net-navbar .navbar-nav>li>.nav-link{font-size:1.15rem}
}
@media (prefers-reduced-motion:reduce){:root .fbs__net-navbar .offcanvas.show .navbar-nav>li,:root .fbs__net-navbar .offcanvas.show .wr-mobile-cta{animation:none}}
@media (max-width:991.98px){
  :root .fbs__net-navbar .offcanvas-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}
  :root .fbs__net-navbar .offcanvas-header .offcanvas-header-logo{flex:1 1 auto;min-width:0}
  :root .fbs__net-navbar .offcanvas .btn-close{flex:0 0 auto;margin:0 0 0 auto!important}
}
/* hide the Zoho chat bubble while the menu is open so it never covers the buttons */
body:has(.offcanvas.show) #zsiq_float,body:has(.offcanvas.show) .grecaptcha-badge,body:has(.offcanvas.show) #back-to-top{visibility:hidden!important}