/* ============================================================
   АвтоПробив — собственная тема поверх story.css.
   Тёмный «технический» стиль: графит, сигнальный оранжевый,
   острые углы, заголовки капсом, выравнивание влево.
   Подключается только на avtoprobiv.ru (analytics.js → injectSiteTheme).
   ============================================================ */

html[data-theme="avtoprobiv"] {
  --bg: #0e1013;
  --bg-mint: #14171c;
  --bg-mint-2: #1a1e24;
  --surface: #171a20;
  --surface-2: #1e222a;
  --ink: #f2f3f5;
  --ink-soft: #d3d7de;
  --muted: #949ba6;
  --line: #262b33;
  --line-strong: #353b45;

  /* акцент: сигнальный оранжевый вместо зелёного */
  --green: #ff6b1a;
  --green-dark: #ff8a3d;
  --green-deep: #08090b;
  --green-glow: #ffb020;
  --green-tint: rgba(255, 107, 26, 0.12);
  --pin-blue: #ffc53d;
  --amber: #ffc53d;
  --amber-tint: rgba(255, 197, 61, 0.12);
  --red-tint: rgba(240, 64, 80, 0.14);

  --font-display: "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, system-ui, sans-serif;
  --font-body: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --r-card: 6px;
  --r-btn: 4px;
  --r-pill: 4px;

  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 12px 30px -16px rgba(0, 0, 0, 0.7);
  --shadow-pop: 0 30px 60px -24px rgba(0, 0, 0, 0.85);
  --shadow-green: 0 10px 28px -10px rgba(255, 107, 26, 0.55);
  color-scheme: dark;
}

[data-theme="avtoprobiv"] body { background: var(--bg); color: var(--ink-soft); }
[data-theme="avtoprobiv"] h1,
[data-theme="avtoprobiv"] h2,
[data-theme="avtoprobiv"] h3 {
  color: var(--ink);
  text-transform: uppercase;
  letter-spacing: -0.01em;
  font-stretch: condensed;
}
[data-theme="avtoprobiv"] a { color: var(--green-dark); }
[data-theme="avtoprobiv"] ::selection { background: var(--green); color: #111; }

/* ---------- поверхности, которые в базе белые ---------- */
[data-theme="avtoprobiv"] :is(.card, .check-card, .benefit-card, .promo-card, .step, .faq__item,
  .loyalty-card, .loyalty-mini, .loyalty-step, .messenger-card, .order-card, .status-box,
  .service-tab, .article-highlight, .article-related, .article-step, .scanner, .ticker,
  .captcha-modal__dialog, .support-widget__panel, .form-group textarea) {
  background: var(--surface);
  border-color: var(--line);
  color: var(--ink-soft);
}
[data-theme="avtoprobiv"] .loyalty-step--highlight { background: var(--surface-2); border-color: var(--green); }
[data-theme="avtoprobiv"] :is(input, select, textarea) { background: var(--surface-2); color: var(--ink); border-color: var(--line-strong); }
[data-theme="avtoprobiv"] ::placeholder { color: #6d7480; }

/* ---------- шапка ---------- */
[data-theme="avtoprobiv"] .header,
[data-theme="avtoprobiv"] .header.is-scrolled {
  background: rgba(14, 16, 19, 0.9);
  border-bottom: 1px solid var(--line);
}
[data-theme="avtoprobiv"] .nav__panel { background: var(--bg); }
[data-theme="avtoprobiv"] .nav__links a { color: var(--ink-soft); text-transform: uppercase; font-size: 0.8rem; letter-spacing: 0.08em; }
[data-theme="avtoprobiv"] .nav__toggle span,
[data-theme="avtoprobiv"] .nav__toggle::before,
[data-theme="avtoprobiv"] .nav__toggle::after { background: var(--ink); }
[data-theme="avtoprobiv"] .flash-bar { background: var(--green); color: #111; }
[data-theme="avtoprobiv"] .flash-bar a { color: #111; text-decoration: underline; }

/* ---------- кнопки ---------- */
[data-theme="avtoprobiv"] .btn { text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.92rem; }
[data-theme="avtoprobiv"] .btn--primary { background: var(--green); color: #111; }
[data-theme="avtoprobiv"] .btn--primary:hover { background: #ff7f36; }
[data-theme="avtoprobiv"] .btn--ghost { color: var(--ink); border-color: var(--line-strong); background: transparent; }

/* ---------- hero: другая компоновка ---------- */
[data-theme="avtoprobiv"] .hero { border-bottom: 1px solid var(--line); }
[data-theme="avtoprobiv"] .hero-bg__wash {
  inset: 0 0 auto auto; width: 60%; height: 100%;
  background: radial-gradient(ellipse at 80% 20%, rgba(255, 107, 26, 0.16), transparent 60%);
}
[data-theme="avtoprobiv"] .hero-bg__grid {
  background-image: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.025) 0 2px, transparent 2px 14px);
  background-size: auto; mask-image: none; -webkit-mask-image: none;
}
@media (min-width: 961px) {
  /* сканер слева, текст справа — зеркально АвтоЧеку */
  [data-theme="avtoprobiv"] .hero__grid { grid-template-columns: 0.9fr 1.1fr; }
  [data-theme="avtoprobiv"] .hero__grid > :first-child { order: 2; }
}
[data-theme="avtoprobiv"] .hero__badge {
  background: transparent; color: var(--green); border: 1px solid var(--green);
  box-shadow: none; font-family: var(--font-mono); text-transform: uppercase;
  font-size: 0.74rem; letter-spacing: 0.1em;
}
[data-theme="avtoprobiv"] .hero__badge .dot { background: var(--green); border-radius: 0; animation: none; }
[data-theme="avtoprobiv"] .hero__title { font-size: clamp(2.1rem, 5.2vw, 3.6rem); line-height: 1.02; text-wrap: pretty; }
[data-theme="avtoprobiv"] .gradient-text { background: none; color: var(--green); -webkit-text-fill-color: currentColor; }
[data-theme="avtoprobiv"] .hero__lead { border-left: 3px solid var(--green); padding-left: 1rem; }
[data-theme="avtoprobiv"] .hero-check {
  background: var(--surface); border: 1px solid var(--line-strong); border-radius: var(--r-btn); box-shadow: none;
}
[data-theme="avtoprobiv"] .hero-check input { background: transparent; color: var(--ink); font-family: var(--font-mono); letter-spacing: 0.04em; }
[data-theme="avtoprobiv"] .hero__stats { gap: 0; border: 1px solid var(--line); }
[data-theme="avtoprobiv"] .hero__stats > div { padding: 0.8rem 1.1rem; border-right: 1px solid var(--line); }
[data-theme="avtoprobiv"] .hero__stats > div:last-child { border-right: 0; }
[data-theme="avtoprobiv"] .stat__n { color: var(--green); font-family: var(--font-mono); }

/* сканер как терминал */
[data-theme="avtoprobiv"] .scanner { border-radius: var(--r-card); }
[data-theme="avtoprobiv"] .scanner__head { background: #0a0b0d; color: var(--muted); font-family: var(--font-mono); border-bottom: 1px solid var(--line); }
[data-theme="avtoprobiv"] .scanner__window { background: #101216; }
[data-theme="avtoprobiv"] .scanner__plate, [data-theme="avtoprobiv"] .scanner__plate * { background: #f2f3f5; color: #111; border-color: #111; }
[data-theme="avtoprobiv"] .car-body, [data-theme="avtoprobiv"] .car-wheel { stroke: var(--ink-soft); }
[data-theme="avtoprobiv"] .car-wheel { fill: #101216; }
[data-theme="avtoprobiv"] .car-hub { fill: var(--green); }
[data-theme="avtoprobiv"] .car-glass { fill: rgba(255, 107, 26, 0.18); }
[data-theme="avtoprobiv"] .stamp { color: var(--green); border-color: var(--green); background: rgba(14, 16, 19, 0.85); }

/* ---------- секции: заголовки влево с оранжевой меткой ---------- */
[data-theme="avtoprobiv"] .section--alt { background: var(--bg-mint); border-block: 1px solid var(--line); }
[data-theme="avtoprobiv"] .section__head { text-align: left; margin-left: 0; max-width: 820px; }
[data-theme="avtoprobiv"] .section__tag {
  background: none; border: 0; border-left: 3px solid var(--green); border-radius: 0;
  color: var(--green); padding: 0.2em 0 0.2em 0.7em;
}

/* проверки: плотный список с номерами вместо карточек */
[data-theme="avtoprobiv"] .checks-grid { counter-reset: chk; gap: 0; border: 1px solid var(--line); }
[data-theme="avtoprobiv"] .check-card {
  counter-increment: chk; border: 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line);
  border-radius: 0; box-shadow: none;
}
[data-theme="avtoprobiv"] .check-card::before {
  content: counter(chk, decimal-leading-zero); position: absolute; top: 1rem; right: 1.1rem;
  font: 700 0.78rem/1 var(--font-mono); color: var(--line-strong);
}
[data-theme="avtoprobiv"] :is(.check-card__icon, .benefit-card__icon, .messenger-card__icon, .loyalty-card__icon) {
  background: var(--green-tint); color: var(--green); border-radius: var(--r-btn);
}
[data-theme="avtoprobiv"] :is(.check-card, .benefit-card, .promo-card, .step):hover { transform: none; box-shadow: inset 0 0 0 1px var(--green); }

/* шаги: горизонтальная шкала */
[data-theme="avtoprobiv"] .step { text-align: left; border-top: 3px solid var(--green); }
[data-theme="avtoprobiv"] .faq__item summary { color: var(--ink); }
[data-theme="avtoprobiv"] .faq__item { border-radius: var(--r-card); }
[data-theme="avtoprobiv"] .faq__item[open] { border-color: var(--green); }

/* бегущая строка и CTA */
[data-theme="avtoprobiv"] .ticker { background: var(--green); color: #111; border: 0; }
[data-theme="avtoprobiv"] .ticker::before, [data-theme="avtoprobiv"] .ticker::after { background: none; }
[data-theme="avtoprobiv"] .ticker * { color: #111; }
[data-theme="avtoprobiv"] .cta-strip {
  border-radius: var(--r-card); background: var(--surface);
  border: 1px solid var(--line-strong); text-align: left; color: var(--ink-soft);
}
[data-theme="avtoprobiv"] .cta-strip h2 { color: var(--ink); }

/* подвал */
[data-theme="avtoprobiv"] .footer { background: #08090b; color: var(--muted); border-top: 3px solid var(--green); }
[data-theme="avtoprobiv"] .footer a { color: var(--ink-soft); }

/* мобильная панель и виджет */
[data-theme="avtoprobiv"] .sticky-cta { background: rgba(8, 9, 11, 0.95); border-top: 2px solid var(--green); }
[data-theme="avtoprobiv"] .nav__dock-btn:hover { background: var(--surface-2); }
[data-theme="avtoprobiv"] .support-widget__close { background: var(--surface-2); color: var(--ink); }