/* =========================================
   MOBILE NAV GLOBAL
========================================= */

.ib-global-mobile-nav{
  display:none;
}

@media(max-width:920px){

  :root{
    --ib-mobile-nav-height:76px;
    --ib-mobile-nav-safe:env(safe-area-inset-bottom, 0px);
  }

  body.ib-pwa-standalone .ib-site-footer{
    display:none !important;
  }

  .ib-global-mobile-nav{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:999999;
    height:calc(var(--ib-mobile-nav-height) + var(--ib-mobile-nav-safe));
    padding-bottom:var(--ib-mobile-nav-safe);
    background:#ffffff;
    border-top:1px solid #e7ebf2;
    box-shadow:0 -8px 22px rgba(15,23,42,.10);
    transform:translate3d(0,0,0);
    will-change:transform;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    contain:layout paint style;
  }

  .ib-global-mobile-nav .menu-icon-btn{
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
    user-select:none;
    -webkit-user-select:none;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding:8px 2px;
    color:#8b93a3;
    background:transparent !important;
    border:0 !important;
    font-size:.74rem;
    font-weight:700;
    line-height:1.15;
    text-decoration:none !important;
    outline:none !important;
    box-shadow:none !important;
    transition:none !important;
  }

  .ib-global-mobile-nav .menu-icon-btn svg{
    width:1.38rem;
    height:1.38rem;
    fill:currentColor;
    display:block;
    flex:0 0 auto;
  }

  .ib-global-mobile-nav .menu-icon-btn:hover,
  .ib-global-mobile-nav .menu-icon-btn:focus,
  .ib-global-mobile-nav .menu-icon-btn:active,
  .ib-global-mobile-nav .menu-icon-btn.active{
    color:#1f4c8f;
    background:transparent !important;
  }
}

.ib-global-mobile-nav{
  transition: transform .28s ease, opacity .28s ease;
}

.ib-global-mobile-nav.ib-nav-hidden{
  transform: translateY(110%);
  opacity: 0;
  pointer-events: none;
}
.ib-global-mobile-nav .menu-icon-btn.active{
  pointer-events:none;
  cursor:default;
}