/* V83 — Bottom tabbar pure SVG icons */

html.v83-tabbar .tabbar__container-item .svg-icon,
html.v83-tabbar .tabbar__container-item .tab-icon,
html.v83-tabbar .tabbar__container-item img.tab-icon {
  display: none !important;
}

html.v83-tabbar .tabbar__container {
  overflow: visible !important;
  background: #0F0F14 !important;
  box-shadow: 0 -0.02667rem rgba(139, 92, 246, 0.2) !important;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}

/* Measured: side icon bottom ≈ 0.13333 + 0.37333 + 0.11707 = 0.62373rem */
html.v83-tabbar .tabbar__container-item .turntableBg {
  background-image: none !important;
  background: transparent !important;
  width: auto !important;
  height: auto !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  position: absolute !important;
  left: 50% !important;
  /* Raise wheel above "Get ₹500" label */
  bottom: 0.42rem !important;
  transform: translateX(-50%) translateY(-0.12rem) !important;
  z-index: 2 !important;
  overflow: visible !important;
  pointer-events: auto !important;
  cursor: pointer;
}

html.v83-tabbar .tabbar__container-item:nth-of-type(3) {
  position: relative;
  z-index: 3;
  overflow: visible !important;
}

html.v83-tabbar .v83-spin-wrap {
  width: 2.05rem;
  height: 2.15rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  pointer-events: auto;
  cursor: pointer;
  margin-bottom: 0;
  filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.4));
}

html.v83-tabbar .v83-spin-svg {
  width: 2.05rem;
  height: 2.15rem;
  display: block;
  overflow: visible;
}

/* Match inactive Promotion label color (#9CA3AF) */
html.v83-tabbar .tabbar__container-item .turntable-text {
  z-index: 5 !important;
  bottom: 0.06rem !important;
  font-size: 0.32rem !important;
  line-height: 0.37333rem !important;
  height: 0.37333rem !important;
  font-weight: 600 !important;
  color: #9CA3AF !important;
  width: 2.44rem !important;
  text-align: center !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  pointer-events: auto !important;
  cursor: pointer;
  white-space: nowrap !important;
  overflow: visible !important;
}

html.v83-tabbar .tabbar__container-item {
  color: #9CA3AF !important;
  transition: color 0.2s ease;
}

html.v83-tabbar .tabbar__container-item span:not(.v83-ico-wrap):not(.turntable-text) {
  color: inherit !important;
  transition: color 0.2s ease, font-weight 0.2s ease;
}

html.v83-tabbar .tabbar__container-item.active {
  color: #8B5CF6 !important;
}

html.v83-tabbar .tabbar__container-item.active span:not(.v83-ico-wrap):not(.turntable-text) {
  color: #8B5CF6 !important;
  font-weight: 700 !important;
}

html.v83-tabbar .tabbar__container-item .v83-ico-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.56rem;
  height: 0.56rem;
  line-height: 0;
  flex-shrink: 0;
}

/* Soft active glow behind icon */
html.v83-tabbar .tabbar__container-item.active .v83-ico-wrap::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.9rem;
  height: 0.9rem;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(167, 139, 250, 0.55) 0%, rgba(124, 58, 237, 0.18) 45%, rgba(124, 58, 237, 0) 70%);
  pointer-events: none;
  z-index: 0;
}

html.v83-tabbar .tabbar__container-item .v83-ico {
  position: relative;
  z-index: 1;
  width: 0.56rem;
  height: 0.56rem;
  display: block;
}

/* Inactive → Active gradient paint switch (shared SVG defs) */
html.v83-tabbar .tabbar__container-item.active .v83-stroke,
html.v83-tabbar .tabbar__container-item.active .v83-stroke-thin {
  stroke: url(#v83SharedAct) !important;
}

html.v83-tabbar .tabbar__container-item.active .v83-pulse-glow {
  opacity: 0.42 !important;
}

html.v83-tabbar .tabbar__container-item.active .v83-fill {
  fill: url(#v83SharedBodyAct) !important;
}

html.v83-tabbar .tabbar__container-item.active circle[fill="url(#v83SharedInact)"],
html.v83-tabbar .tabbar__container-item.active [fill="url(#v83SharedInact)"] {
  fill: url(#v83SharedAct) !important;
}

/* Non-turntable middle promotionBg */
html.v83-tabbar .tabbar__container-item .promotionBg .svg-icon {
  display: none !important;
}

html.v83-tabbar .tabbar__container-item .promotionBg {
  background: linear-gradient(135deg, #8B5CF6, #6D28D9) !important;
  box-shadow: 0 0 14px rgba(139, 92, 246, 0.45);
}