/**
 * Unified footer tab bar — solid brand color (uses theme-dynamic palette)
 */

/* Beat Vue scoped rule: [data-v-ffd81ab6] .van-tabbar { background:#190360 } */
[data-v-ffd81ab6] .van-tabbar,
.van-tabbar {
  background: var(--footer-bg) !important;
  background-color: var(--footer-bg) !important;
  background-image: none !important;
  border-top: none !important;
  box-shadow: 0 -2px 12px var(--footer-shadow, var(--brand-shadow-strong)) !important;
  backdrop-filter: none !important;
}

[data-v-ffd81ab6] .van-tabbar-item,
[data-v-ffd81ab6] .van-tabbar-item--active,
.van-tabbar-item,
.van-tabbar-item--active {
  background: transparent !important;
  background-color: transparent !important;
  color: rgba(255, 255, 255, 0.55) !important;
}

.van-tabbar-item .van-tabbar-item__text span {
  color: rgba(255, 255, 255, 0.55) !important;
  font-weight: 500;
}

.van-tabbar-item--active .van-tabbar-item__text span {
  color: #ffffff !important;
  font-weight: 700;
}

.van-tabbar-item__icon img {
  opacity: 0.55;
  filter: brightness(0) invert(1);
}

.van-tabbar-item--active .van-tabbar-item__icon img {
  opacity: 1;
  filter: brightness(0) invert(1);
}

/* ── Start tab (elevated circle + Starting label) ── */
.van-tabbar-item--start,
[data-v-ffd81ab6] .van-tabbar-item--start {
  position: relative;
}

.van-tabbar-item--start .van-tabbar-item__icon,
[data-v-ffd81ab6] .van-tabbar-item--start .van-tabbar-item__icon {
  margin-bottom: 0.15rem;
}

.van-tabbar-item .app-tabbar-start,
[data-v-ffd81ab6] .van-tabbar-item .app-tabbar-start,
.van-tabbar-item--start .app-tabbar-start {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 3.75rem !important;
  height: 3.75rem !important;
  margin-top: -1.85rem;
  background: #1e293b !important;
  border: 2.5px solid var(--brand-light) !important;
  border-radius: 50% !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.08),
    0 6px 18px rgba(15, 23, 42, 0.38);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.van-tabbar-item--start.van-tabbar-item--active .app-tabbar-start,
[data-v-ffd81ab6] .van-tabbar-item--start.van-tabbar-item--active .app-tabbar-start {
  border-color: var(--brand-light) !important;
  box-shadow:
    0 0 0 3px var(--brand-ring-soft),
    0 8px 22px rgba(15, 23, 42, 0.42);
  transform: translateY(-1px);
}

.app-tabbar-start__icon {
  width: 1.95rem;
  height: 1.95rem;
  color: var(--brand-light);
  display: block;
}

.van-tabbar-item--start .van-tabbar-item__text span,
[data-v-ffd81ab6] .van-tabbar-item--start .van-tabbar-item__text span {
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 0.72rem;
  letter-spacing: 0.01em;
}

.van-tabbar-item--start.van-tabbar-item--active .van-tabbar-item__text span,
[data-v-ffd81ab6] .van-tabbar-item--start.van-tabbar-item--active .van-tabbar-item__text span {
  font-weight: 700 !important;
}

[data-v-ffd81ab6] .van-tabbar__placeholder,
.van-tabbar__placeholder {
  height: 68px !important;
}

@media (prefers-reduced-motion: reduce) {
  .van-tabbar-item .app-tabbar-start,
  .van-tabbar-item--start.van-tabbar-item--active .app-tabbar-start {
    transition: none;
    transform: none;
  }
}