/* theme override disabled to restore original look */

/* ===== Premium footer style without changing whole theme ===== */

/* bottom footer bar */
#app .tabbar__container,
#app .van-tabbar{
  min-height: 68px !important;
  overflow: visible !important;
  background: linear-gradient(180deg, #5a0000 0%, #3b0000 100%) !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 -2px 12px rgba(0,0,0,.25) !important;
}

/* all footer items */
#app .tabbar__container-item,
#app .van-tabbar-item{
  position: relative !important;
  overflow: visible !important;
  padding-top: 8px !important;
  min-height: 68px !important;
}

/* all footer icon area */
#app .tabbar__container-item i,
#app .tabbar__container-item svg,
#app .tabbar__container-item img,
#app .van-tabbar-item i,
#app .van-tabbar-item svg,
#app .van-tabbar-item img{
  filter: drop-shadow(0 2px 6px rgba(255,255,255,.12)) !important;
  transition: transform .2s ease, filter .2s ease !important;
}

/* all footer text */
#app .tabbar__container-item span,
#app .van-tabbar-item span{
  font-size: 13px !important;
  line-height: 1.1 !important;
  color: #ffffff !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.35) !important;
}

/* active footer item glow */
#app .tabbar__container-item.active,
#app .tabbar__container-item.router-link-active,
#app .van-tabbar-item--active{
  transform: translateY(-1px);
}

#app .tabbar__container-item.active i,
#app .tabbar__container-item.active svg,
#app .tabbar__container-item.active img,
#app .tabbar__container-item.router-link-active i,
#app .tabbar__container-item.router-link-active svg,
#app .tabbar__container-item.router-link-active img,
#app .van-tabbar-item--active i,
#app .van-tabbar-item--active svg,
#app .van-tabbar-item--active img{
  filter: drop-shadow(0 3px 8px rgba(255,180,0,.60)) !important;
  transform: scale(1.08) !important;
}

/* ===== Home button custom image ===== */
/* Home is 3rd footer item */

#app .tabbar__container-item:nth-child(3),
#app .van-tabbar-item:nth-child(3){
  position: relative !important;
  overflow: visible !important;
  padding-top: 10px !important;
}

/* hide old home icon only */
#app .tabbar__container-item:nth-child(3) i,
#app .tabbar__container-item:nth-child(3) svg,
#app .tabbar__container-item:nth-child(3) img,
#app .van-tabbar-item:nth-child(3) i,
#app .van-tabbar-item:nth-child(3) svg,
#app .van-tabbar-item:nth-child(3) img{
  opacity: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
}

/* show new big Home icon */
#app .tabbar__container-item:nth-child(3)::before,
#app .van-tabbar-item:nth-child(3)::before{
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  margin: 0 auto 2px auto;
  background: url("/assets/images/home_icon.png") center center / contain no-repeat;
  filter: drop-shadow(0 4px 10px rgba(255,160,0,.65));
  transform: translateY(-2px);
}

/* Home text */
#app .tabbar__container-item:nth-child(3) span,
#app .van-tabbar-item:nth-child(3) span{
  display: block !important;
  margin-top: 2px !important;
  color: #ffffff !important;
  font-weight: 500 !important;
}

/* active Home extra glow */
#app .tabbar__container-item:nth-child(3).active::before,
#app .tabbar__container-item:nth-child(3).router-link-active::before,
#app .van-tabbar-item:nth-child(3).van-tabbar-item--active::before{
  filter: drop-shadow(0 5px 14px rgba(255,190,0,.95));
  transform: translateY(-3px) scale(1.08);
}

/* mobile tuning */
@media screen and (max-width: 500px){
  #app .tabbar__container,
  #app .van-tabbar{
    min-height: 70px !important;
  }

  #app .tabbar__container-item,
  #app .van-tabbar-item{
    min-height: 70px !important;
  }

  #app .tabbar__container-item:nth-child(3)::before,
  #app .van-tabbar-item:nth-child(3)::before{
    width: 46px;
    height: 46px;
    margin: -5px auto 4px auto;
  }
}