/* Senior Vita v1.11.2 - Mobile menu + quick stock lookup */

@media (max-width: 991.98px){
  #mobileNavOffcanvas.sv-mobile-offcanvas{
    background:#111b3a !important;
    color:#fff !important;
    border-right:0 !important;
  }

  #mobileNavOffcanvas .offcanvas-header{
    background:#111b3a !important;
    color:#fff !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    padding:22px 18px 16px !important;
    position:relative;
  }

  #mobileNavOffcanvas .offcanvas-header > .d-flex{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
  }

  #mobileSidebarLogo{
    display:block !important;
    width:82px !important;
    height:82px !important;
    max-width:82px !important;
    max-height:82px !important;
    object-fit:contain !important;
    margin:0 auto !important;
    padding:7px !important;
    border-radius:15px !important;
    background:#fff !important;
    box-shadow:0 6px 18px rgba(0,0,0,.20) !important;
  }

  #mobileSidebarLogo.d-none{
    display:none !important;
  }

  #mobileSidebarCompany{
    color:#fff !important;
    font-size:1rem !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    text-align:center !important;
    max-width:230px;
  }

  #mobileNavOffcanvas .offcanvas-header .small{
    color:rgba(255,255,255,.65) !important;
  }

  #mobileNavOffcanvas .btn-close{
    position:absolute !important;
    top:14px !important;
    right:14px !important;
    filter:invert(1) grayscale(1) brightness(2) !important;
    opacity:.85 !important;
  }

  #mobileNavOffcanvas .offcanvas-body{
    background:#111b3a !important;
    color:#fff !important;
    padding:10px 12px 24px !important;
  }

  #mobileNavOffcanvas .sv-mobile-nav,
  #mobileNavOffcanvas .sv-nav-group,
  #mobileNavOffcanvas .sv-submenu{
    background:transparent !important;
  }

  #mobileNavOffcanvas .sv-mobile-nav a,
  #mobileNavOffcanvas .sv-mobile-nav [data-sv-menu-toggle]{
    color:#eef2ff !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:10px !important;
  }

  #mobileNavOffcanvas .sv-mobile-nav a:hover,
  #mobileNavOffcanvas .sv-mobile-nav [data-sv-menu-toggle]:hover,
  #mobileNavOffcanvas .sv-mobile-nav a.active{
    background:rgba(255,255,255,.10) !important;
    color:#fff !important;
  }

  #mobileNavOffcanvas .sv-mobile-nav .sv-submenu a{
    color:rgba(255,255,255,.82) !important;
  }

  #stockQuickLookupCode{
    font-size:18px;
    font-weight:600;
    min-height:48px;
  }

  .sv-stock-lookup-card .btn{
    min-height:48px;
  }
}

.sv-stock-lookup-card{
  border:1px solid #e5e9f1 !important;
  border-radius:12px !important;
  box-shadow:0 4px 14px rgba(24,39,75,.04) !important;
}