/* ===== Mobile Bottom Navigation ===== */
.mobile-bottom-nav{
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  height:68px;
  background:linear-gradient(180deg,#0b1220,#020617);
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  justify-content:space-around;
  align-items:center;
  z-index:9999;
}

/* Hide on desktop */
@media (min-width: 768px){
  .mobile-bottom-nav{ display:none; }
}

.mobile-nav-item{
  text-align:center;
  color:#9ca3af;
  font-size:12px;
  font-weight:700;
  flex:1;
}

.mobile-nav-item i{
  display:block;
  font-size:22px;
  margin-bottom:4px;
}

.mobile-nav-item.active{
  color:#22c55e;
}

.mobile-nav-item.active i{
  color:#22c55e;
  filter:drop-shadow(0 0 6px rgba(34,197,94,.6));
}

/* space for bottom nav */
@media (max-width: 767px){
  body{
    padding-bottom:80px;
  }
}