/* =========================================================
   SRN FINAL NAVIGATION FIX
   One consistent dropdown behavior on desktop + mobile.
   Existing header colors/design are intentionally preserved.
   ========================================================= */
.nav > ul > li.fleet-menu{position:relative!important}
.nav > ul > li.fleet-menu > a{display:flex!important;align-items:center!important;gap:6px!important;cursor:pointer!important}
.nav > ul > li.fleet-menu > a .fleet-arrow{display:inline-block;line-height:1;transition:transform .18s ease}
.nav > ul > li.fleet-menu.open > a .fleet-arrow{transform:rotate(180deg)}

@media (min-width:769px){
  .nav .fleet-dropdown{
    position:absolute!important;top:calc(100% + 8px)!important;left:0!important;
    min-width:245px!important;width:max-content!important;max-width:calc(100vw - 30px)!important;
    margin:0!important;padding:7px 0!important;
    display:none!important;opacity:0!important;visibility:hidden!important;
    pointer-events:none!important;transform:translateY(5px)!important;
    background:#fff!important;border:1px solid #e3ebf4!important;
    border-radius:10px!important;box-shadow:0 14px 34px rgba(0,43,92,.18)!important;
    z-index:10000!important;
  }
  .nav .fleet-menu.open > .fleet-dropdown{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}
  .nav .fleet-dropdown li{display:block!important;width:100%!important;margin:0!important;padding:0!important;list-style:none!important}
  .nav .fleet-dropdown a{
    display:flex!important;align-items:center!important;width:100%!important;
    min-height:44px!important;padding:11px 17px!important;
    color:#17324f!important;background:#fff!important;text-decoration:none!important;
    white-space:nowrap!important;font-weight:600!important;border:0!important;
  }
  .nav .fleet-dropdown a::after{display:none!important}
  .nav .fleet-dropdown a:hover,.nav .fleet-dropdown a:focus,.nav .fleet-dropdown a.active{background:#edf5ff!important;color:#004a92!important}
}

@media (max-width:768px){
  .nav .fleet-menu{width:100%!important;position:relative!important}
  .nav .fleet-dropdown{
    position:static!important;display:none!important;width:100%!important;min-width:0!important;
    margin:0!important;padding:0!important;opacity:1!important;visibility:visible!important;
    pointer-events:auto!important;transform:none!important;background:#f7fbff!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;
  }
  .nav .fleet-menu.open > .fleet-dropdown{display:block!important}
  .nav .fleet-dropdown li{display:block!important;width:100%!important;margin:0!important;padding:0!important}
  .nav .fleet-dropdown a{
    display:flex!important;align-items:center!important;width:100%!important;
    min-height:48px!important;padding:12px 20px 12px 34px!important;
    color:#17324f!important;background:#f7fbff!important;
    text-decoration:none!important;font-size:.94rem!important;font-weight:600!important;
    text-align:left!important;border-bottom:1px solid #dfe9f3!important;
  }
  .nav .fleet-dropdown a::after{display:none!important}
  .nav .fleet-dropdown a:hover,.nav .fleet-dropdown a:focus,.nav .fleet-dropdown a.active{color:#004a92!important;background:#eaf3ff!important}
  .nav > ul > li.fleet-menu > a{justify-content:center!important}
}

/* Prevent the dropdown from being clipped by the header/nav containers. */
.site-header,.header-container,.nav{overflow:visible!important}
@media(max-width:768px){.nav{overflow-y:auto!important;overflow-x:hidden!important}.site-header{overflow:visible!important}}