/* INFIVO MOBILE NAV V8 — authoritative mobile drawer */
@media (max-width:1180px){
  body.infivo-topnav-v4 .side{
    height:68px!important;
    max-height:68px!important;
    min-height:68px!important;
    overflow:visible!important;
  }
  body.infivo-topnav-v4 .side .brand{
    position:static!important;
    top:auto!important;
    margin:0!important;
  }
  body.infivo-topnav-v4 .office-menu{
    box-sizing:border-box!important;
    position:fixed!important;
    z-index:10001!important;
    top:68px!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    display:block!important;
    width:min(92vw,440px)!important;
    max-width:440px!important;
    height:calc(100dvh - 68px)!important;
    max-height:none!important;
    min-height:0!important;
    margin:0!important;
    padding:16px 14px 28px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    border-left:1px solid #d8e4f2!important;
    border-radius:0!important;
    background:#fff!important;
    color:#0b1739!important;
    box-shadow:-22px 0 55px rgba(5,24,55,.22)!important;
    opacity:1!important;
    visibility:visible!important;
    transform:translate3d(105%,0,0)!important;
    transition:transform .24s ease!important;
  }
  body.infivo-topnav-v4.infivo-mobile-nav-open-v8 .office-menu{
    transform:translate3d(0,0,0)!important;
  }
  body.infivo-topnav-v4 .office-menu:before{
    content:"Moduli in funkcije";
    display:block;
    margin:0 0 12px;
    padding:2px 4px 12px;
    border-bottom:1px solid #e4ebf4;
    color:#6d7c92;
    font-size:11px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  body.infivo-topnav-v4 .v4-primary,
  body.infivo-topnav-v4 .menu-groups,
  body.infivo-topnav-v4 .menu-group,
  body.infivo-topnav-v4 .menu-links{
    max-width:100%!important;
    background:#fff!important;
  }
  body.infivo-topnav-v4 .menu-home{
    display:flex!important;
    min-height:48px!important;
    margin:0 0 8px!important;
    color:#18345e!important;
    border:1px solid #dbe6f2!important;
    background:#f6f9fd!important;
  }
  body.infivo-topnav-v4 .menu-groups{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:none!important;
    gap:8px!important;
    padding:0!important;
  }
  body.infivo-topnav-v4 .menu-group{
    display:block!important;
    overflow:hidden!important;
    border:1px solid #dce6f2!important;
    border-radius:14px!important;
    background:#fff!important;
  }
  body.infivo-topnav-v4 .menu-group summary{
    display:flex!important;
    min-height:50px!important;
    height:auto!important;
    padding:9px 11px!important;
    color:#263b5c!important;
    background:#f8fafd!important;
  }
  body.infivo-topnav-v4 .menu-group[open] summary{
    color:#174ea6!important;
    background:#eef5ff!important;
  }
  body.infivo-topnav-v4 .menu-links,
  body.infivo-topnav-v4 .menu-group.mega-wide .menu-links{
    position:static!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    width:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:8px!important;
    overflow:visible!important;
    border:0!important;
    border-top:1px solid #e6edf5!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  body.infivo-topnav-v4 .menu-links:before{display:none!important}
  body.infivo-topnav-v4 .menu-links a{
    display:grid!important;
    min-height:48px!important;
    color:#0b1739!important;
    background:#f7f9fc!important;
  }
  body.infivo-topnav-v4 .menu-tools{
    position:static!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 48px!important;
    gap:8px!important;
    margin:12px 0 0!important;
    padding:12px 0 0!important;
    border-top:1px solid #e4ebf4!important;
    background:#fff!important;
  }
  body.infivo-topnav-v4 .menu-tools input,
  body.infivo-topnav-v4 .menu-tools input:focus{
    width:100%!important;
    height:48px!important;
    color:#0b1739!important;
    border-color:#d8e4f2!important;
    background:#f7f9fc!important;
  }
  body.infivo-topnav-v4 .menu-help{
    width:48px!important;
    height:48px!important;
    min-height:48px!important;
  }
  body.infivo-topnav-v4 .v4-mobile-utilities{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:12px!important;
    padding-top:12px!important;
    border-top:1px solid #e4ebf4!important;
  }
  body.infivo-topnav-v4 .v4-mobile-utilities .v4-company,
  body.infivo-topnav-v4 .v4-mobile-utilities .v4-user{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body.infivo-topnav-v4 .v4-nav-veil{
    position:fixed!important;
    z-index:10000!important;
    inset:68px 0 0!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    border:0!important;
    background:rgba(4,17,39,.56)!important;
    backdrop-filter:blur(3px);
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .2s ease,visibility .2s ease!important;
  }
  body.infivo-topnav-v4.infivo-mobile-nav-open-v8 .v4-nav-veil{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  body.infivo-topnav-v4.infivo-mobile-nav-open-v8{overflow:hidden!important}
  body.infivo-topnav-v4 .v4-mobile-toggle{
    position:relative;
    z-index:10002;
  }
  body.infivo-topnav-v4.infivo-mobile-nav-open-v8 .v4-mobile-toggle span:nth-child(1){
    transform:translateY(6px) rotate(45deg);
  }
  body.infivo-topnav-v4.infivo-mobile-nav-open-v8 .v4-mobile-toggle span:nth-child(2){
    opacity:0;
  }
  body.infivo-topnav-v4.infivo-mobile-nav-open-v8 .v4-mobile-toggle span:nth-child(3){
    transform:translateY(-6px) rotate(-45deg);
  }
  body.infivo-topnav-v4 .v4-mobile-toggle span{transition:.18s transform,.18s opacity}
}
@media (max-width:520px){
  body.infivo-topnav-v4 .office-menu{
    width:100vw!important;
    max-width:100vw!important;
    border-left:0!important;
  }
}