/* WAVE · video / uslugi / leads / find / id995 · design family 2030
 * Cascade-last: minimal text · mobile 390 · cobalt ONE · no purple.
 * Cache: ?v=20260731-wvu2030
 */
:root {
  --wvu-brand: #1d4ed8;
  --wvu-deep: #1e40af;
  --wvu-muted: #475569;
  --wvu-line: #d8e1ec;
  --wvu-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* Kill purple / magenta leftovers on this family */
body[data-page="video"],
body[data-page="leads"],
body[data-page="people-find"],
body[data-page="id-profile"],
body[data-page="uslugi"],
body[data-product="uslugi"] {
  --acc: var(--wvu-brand) !important;
  --brand: var(--wvu-brand) !important;
  --vv-brand: var(--wvu-brand) !important;
  font-family: var(--vy-font-body, "Onest", "Segoe UI", system-ui, sans-serif) !important;
}

/* Soft presence — not noise */
body[data-page="video"] .vv-live-pill,
body[data-page="id-profile"] .status::before,
body[data-page="leads"] .ld-pulse {
  animation: wvu-pulse 2.2s var(--wvu-ease) infinite;
}
@keyframes wvu-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.55; transform: scale(0.92); }
}

/* ── Video: compact guest + bridges @390 ─────────────────────────────────── */
body[data-page="video"] .vv-guest p {
  max-width: 42ch;
  font-size: 13px;
  line-height: 1.4;
}
body[data-page="video"] .vv-stories-head span {
  color: var(--wvu-muted);
  font-size: 12px;
}
@media (max-width: 640px) {
  body[data-page="video"] .vv-bridges {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  body[data-page="video"] .vv-bridge {
    padding: 10px !important;
    min-height: 44px;
  }
  body[data-page="video"] .vv-bridge span span,
  body[data-page="video"] .vv-bridge > span > span:last-child {
    display: none !important; /* drop secondary line — icons + title only */
  }
  body[data-page="video"] .vv-guest {
    padding: 12px 14px !important;
  }
  body[data-page="video"] .vv-guest p {
    display: none !important; /* title + CTAs enough on phone */
  }
  body[data-page="video"] .vv-rail a,
  body[data-page="video"] .vv-rail button {
    font-size: 0 !important;
    gap: 0 !important;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
  }
  body[data-page="video"] .vv-rail a > span[aria-hidden],
  body[data-page="video"] .vv-rail button > span[aria-hidden] {
    font-size: 18px !important;
  }
  body[data-page="video"] .vv-stories-head span {
    display: none !important;
  }
}

/* ── Find: one lede, less essay ──────────────────────────────────────────── */
body[data-page="people-find"] .age-pill,
body[data-page="people-find"] .foot {
  display: none !important;
}
body[data-page="people-find"] .lede {
  max-width: 28rem;
  font-size: 0.95rem;
  line-height: 1.45;
}
body[data-page="people-find"] .hint {
  font-size: 0.82rem;
}
body[data-page="people-find"] .tool p {
  font-size: 0.82rem;
  line-height: 1.4;
}
@media (max-width: 640px) {
  body[data-page="people-find"] .top-actions .chip:not(.primary) {
    display: none; /* keep Войти only — Пример via demo box */
  }
  body[data-page="people-find"] .demo {
    font-size: 0.86rem;
    padding: 0.7rem 0.85rem;
  }
  body[data-page="people-find"] .mode {
    min-height: 44px;
    padding: 0.45rem 0.8rem;
  }
}

/* ── id995: cobalt stories · compact actions ─────────────────────────────── */
body[data-page="id-profile"] .story-ring,
body[data-page="id-profile"] .av-wrap {
  /* kill hue-rotate drift into magenta */
  filter: none !important;
  animation: none !important;
}
body[data-page="id-profile"] .story:not(.seen) .story-ring {
  background: linear-gradient(135deg, #1d4ed8, #38bdf8, #2ccf9b, #1d4ed8) !important;
  animation: wvu-pulse 2.4s var(--wvu-ease) infinite !important;
}
body[data-page="id-profile"] .hint {
  font-size: 0.82rem;
}
@media (max-width: 640px) {
  body[data-page="id-profile"] .bio {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.9rem;
  }
  body[data-page="id-profile"] .actions .btn {
    min-height: 44px;
    flex: 1 1 calc(50% - 0.35rem);
  }
  body[data-page="id-profile"] .top-actions .chip-btn:not(.primary) {
    display: none; /* Войти only in topbar; Find stays in actions */
  }
  body[data-page="id-profile"] .panel .hint {
    display: none !important;
  }
}

/* ── Leads: kill duplicate age essay on phone ────────────────────────────── */
@media (max-width: 640px) {
  body[data-page="leads"] .ld-age-pill {
    display: none !important;
  }
  body[data-page="leads"] .ld-lead {
    font-size: 0.92rem;
    line-height: 1.4;
    max-width: 34ch;
  }
  body[data-page="leads"] .ld-pillar-body > span:not(strong) {
    font-size: 0.78rem;
    line-height: 1.3;
  }
  body[data-page="leads"] .ld-top-actions .ld-chip:not(.primary):not(#ld-auth) {
    display: none;
  }
  body[data-page="leads"] .ld-hero-visual {
    display: none !important; /* one job: pillars + CTA */
  }
}

/* ── Uslugi mobile: less CTA stack noise ─────────────────────────────────── */
@media (max-width: 640px) {
  body[data-page="uslugi"] .hero--landing .lede,
  body[data-product="uslugi"] .hero--landing .lede {
    font-size: 0.92rem;
    line-height: 1.4;
    max-width: 36ch;
  }
  body[data-page="uslugi"] .vu-eco-bridge .section-lede,
  body[data-product="uslugi"] .vu-eco-bridge .section-lede {
    font-size: 0.88rem;
  }
  body[data-page="uslugi"] .nav-axis--filters,
  body[data-product="uslugi"] .nav-axis--filters {
    display: none !important; /* Ставка/Качество clutter @390 — filters later in page */
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="video"] .vv-live-pill,
  body[data-page="id-profile"] .status::before,
  body[data-page="leads"] .ld-pulse,
  body[data-page="id-profile"] .story:not(.seen) .story-ring {
    animation: none !important;
  }
}
