/**
 * Home La Selection — Cyberpunk-Premium (complementa ls-home-v2)
 */

#lsStaticWelcome.ls-home-v2 {
  --ls-accent: #22d3ee;
  --ls-accent-soft: #67e8f9;
  --ls-ink: #030508;
  --ls-card: color-mix(in srgb, var(--tg-theme-secondary-bg-color, rgba(14, 18, 28, 0.92)) 92%, transparent);
  --ls-card-border: rgba(34, 211, 238, 0.22);
  --ls-text: var(--tg-theme-text-color, #f0f4ff);
  --ls-muted: var(--tg-theme-hint-color, rgba(148, 163, 184, 0.75));
  background: var(--tg-theme-bg-color, #030508);
}

#lsStaticWelcome .ls-home-v2__profile-card {
  border-radius: 1rem;
  border: 1px solid rgba(34, 211, 238, 0.28);
  background: color-mix(in srgb, var(--tg-theme-secondary-bg-color, rgba(14, 18, 28, 0.92)) 88%, transparent);
  box-shadow:
    0 0 28px rgba(34, 211, 238, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(12px);
}

#lsStaticWelcome .ls-home-v2__avatar-wrap,
#lsStaticWelcome button.ls-home-v2__avatar-btn {
  border-color: rgba(34, 211, 238, 0.55);
  box-shadow: 0 0 16px rgba(34, 211, 238, 0.35);
}

#lsStaticWelcome .ls-home-v2__title {
  color: var(--ls-text);
}

#lsStaticWelcome .ls-home-v2__section-label::before {
  background: linear-gradient(180deg, #22d3ee, #fbbf24);
}

#lsStaticWelcome .ls-home-v2__topv-card {
  border-radius: 1rem;
  border: 1px solid transparent;
  background:
    linear-gradient(var(--ls-card), var(--ls-card)) padding-box,
    linear-gradient(135deg, rgba(236, 72, 153, 0.5), rgba(34, 211, 238, 0.5), rgba(251, 191, 36, 0.55)) border-box;
  box-shadow: 0 0 32px rgba(251, 191, 36, 0.12);
}

#lsStaticWelcome .ls-home-v2__topv-rank,
#lsStaticWelcome .seller-rank-badge.ls-home-v2__topv-rank {
  background: linear-gradient(135deg, #fbbf24, #f59e0b);
  color: #1a0a00;
  font-weight: 800;
  box-shadow: 0 0 18px rgba(251, 191, 36, 0.65);
  border: 1px solid rgba(253, 224, 71, 0.8);
}

#lsStaticWelcome .ls-home-v2__topv-badge {
  color: #67e8f9;
  letter-spacing: 0.14em;
}

#lsStaticWelcome .ls-home-v2__cta {
  border-radius: 1rem;
  border: 1px solid var(--ls-card-border);
  background: var(--ls-card);
  transition:
    border-color 0.2s,
    box-shadow 0.2s,
    transform 0.15s;
}

#lsStaticWelcome .ls-home-v2__cta:active {
  transform: scale(0.98);
}

#lsStaticWelcome #lsWelcomeChatCtaStatic {
  border-color: rgba(59, 130, 246, 0.45);
}
#lsStaticWelcome #lsWelcomeChatCtaStatic:hover,
#lsStaticWelcome #lsWelcomeChatCtaStatic:focus-visible {
  box-shadow: 0 0 20px rgba(59, 130, 246, 0.25);
  border-color: rgba(96, 165, 250, 0.65);
}

#lsStaticWelcome .ls-home-v2__cta[href*="map=1"] {
  border-color: rgba(34, 197, 94, 0.45);
}
#lsStaticWelcome .ls-home-v2__cta[href*="map=1"]:hover,
#lsStaticWelcome .ls-home-v2__cta[href*="map=1"]:focus-visible {
  box-shadow: 0 0 20px rgba(34, 197, 94, 0.22);
  border-color: rgba(74, 222, 128, 0.6);
}

#lsStaticWelcome .ls-home-v2__cta[href*="rank"],
#lsStaticWelcome .ls-home-v2__cta--rank {
  border-color: rgba(251, 191, 36, 0.45);
}
#lsStaticWelcome .ls-home-v2__cta[href*="rank"]:hover,
#lsStaticWelcome .ls-home-v2__cta--rank:hover {
  box-shadow: 0 0 20px rgba(251, 191, 36, 0.22);
  border-color: rgba(253, 224, 71, 0.65);
}

#lsStaticWelcome .ls-home-v2__cta-arrow {
  color: var(--ls-accent-soft);
  opacity: 0.85;
}