/* =========================================
   ZIPCHAIN GLOBAL MOBILE BOTTOM NAV
   ========================================= */

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

@media (max-width:800px){

  body.zipchain-has-global-mobile-nav{
    padding-bottom:
      calc(78px + env(safe-area-inset-bottom)) !important;
  }

  .zipchain-global-mobile-nav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;

    z-index:99999;

    height:78px;
    padding:
      3px 8px
      calc(3px + env(safe-area-inset-bottom));

    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:center;

    background:rgba(255,255,255,.98);

    border-top:1px solid #e5e7eb;

    box-shadow:
      0 -5px 20px rgba(15,23,42,.06);
  }

  .zipchain-global-mobile-nav-item{
    position:relative;

    min-width:0;
    height:70px;

    display:flex;
    align-items:center;
    justify-content:center;

    text-decoration:none;

    overflow:hidden;

    -webkit-tap-highlight-color:transparent;
  }

 .zipchain-global-mobile-nav-item img{
  display:block;

  width:58px;
  height:58px;

  max-width:100%;

  object-fit:contain;

  transition:
    transform .15s ease,
    opacity .15s ease;
}

  .zipchain-global-mobile-nav-item:active img{
    transform:scale(.94);
  }

  .zipchain-global-mobile-nav-item:not(.active) img{
    opacity:.82;
  }

  .zipchain-global-mobile-nav-item.active img{
    opacity:1;
  }
}