/* ════════════════════════════════════════════════════════════════════════════
 * patch-9.7-unify.css — Унификация по правкам Николая (16.06.2026).
 *
 * Грузится последним → перебивает базу порядком каскада (та же специфичность).
 *
 *   1) КАП ЗАГОЛОВКОВ ≤ 56px. Эталон — H1 на главной (56px). Заголовок
 *      категорий/контактов/документов (.kp-cat-head-title) был 64px на десктопе
 *      (patch-5.1) — приводим к 56px. Брейкпоинты ниже сохраняем 1:1 с patch-5.1,
 *      чтобы НЕ раздувать мобайл (иначе non-media правило перебило бы media-кап).
 *
 *   2) ФИКС ПРОТЁКШЕГО БЕЛОГО E-MAIL. В Custom CSS темы (Woodmart, инлайн
 *      <style id="wd-style-theme_settings_default-css">) висит правило
 *      `a[href="mailto:zakaz@kelvika.ru"]{color:#fff!important}` — задумано для
 *      e-mail В ВЕРХНЕЙ ПОЛОСКЕ, но селектор глобальный → красил ВСЕ e-mail
 *      ссылки сайта белым (контакты, .kp-prose, консультация в карточке товара) —
 *      белым по белому, нечитаемо. Возвращаем читаемый цвет на светлых блоках.
 *      Топбар (.kp-tb-item) и футер (.kp-footer-mail) сохраняют свой цвет —
 *      у них собственные !important-правила с большей специфичностью.
 *      `!important` здесь оправдан (ловушка №8): перебиваем РЕАЛЬНОЕ чужое
 *      !important-правило, спецификой 0,0,3,1 > 0,0,1,1.
 * ════════════════════════════════════════════════════════════════════════════ */

/* ── 1) Кап заголовков: .kp-cat-head-title 64 → 56px ─────────────────────────── */
body.kp-body .kp-cat-head-title { font-size: 56px; }

@media (max-width: 980px) { body.kp-body .kp-cat-head-title { font-size: 48px; } }
@media (max-width: 760px) { body.kp-body .kp-cat-head-title { font-size: 34px; } }
@media (max-width: 480px) { body.kp-body .kp-cat-head-title { font-size: 28px; } }

/* ── 2) Читаемый e-mail на светлых блоках (перебиваем протёкший белый !important) ── */
body.kp-body .kp-contacts-v[href^="mailto:"],
body.kp-body .kp-prose a[href^="mailto:"],
body.kp-body .pv-consult-line[href^="mailto:"] {
    color: var(--ink, #0A0A0A) !important;
}

/* ── 3) Лид/интро под заголовком — ЕДИНЫЙ размер 18px и ширина по контейнеру ───
 * Раньше размер «плясал»: контакты 18px (зажат 640px), категории 16px,
 * документы (интро-абзац) 16px. Сводим к 18px и снимаем лимит ширины.
 *   • .kp-cat-head-lead — лид категорий и контактов (контактам лимит снят в 9.5);
 *   • .kp-prose > p:first-child — ведущий интро-абзац документов (только если
 *     страница реально начинается с абзаца; формальные доки с <h2> в начале —
 *     напр. «Политика» — не трогаются).
 * ГЛАВНУЮ НЕ ЗАТРАГИВАЕМ: на ней лид — это .kp-hero-*, эти классы там не нужны.
 */
body.kp-body .kp-cat-head-lead { font-size: 18px; max-width: none; }
body.kp-body .kp-prose > p:first-child { font-size: 18px; }

/* Расширенный SEO-текст категории — по ширине контейнера (правка Николая 17.06),
   снимаем лимит 840px из patch-5.1:405, чтобы текст не сужался «абы как». */
body.kp-body .kp-cat-seo-body { max-width: none; }