/* ════════════════════════════════════════════════════════════════════════════
 * patch-6.7-cat-head.css
 *
 * Шапка категории — этап A из CATEGORIES.md, часть 1 (вёрстка).
 *
 *   A1) Иконки мета-строки (".kp-cat-head-meta-item svg") — жёлтые.
 *   A2) Поджимаем отступы крошек/шапки, переставляем жёлтую полосу
 *       и meta-строку под эталон-скрины Nick.
 *
 * patch-5.1 (база) трогать не редактируем — перебиваем только новыми
 * правилами с тем же или большим скоупом.
 *
 * Без `!important`: специфичность 0,0,3,1 совпадает с patch-5.1, побеждаем
 * порядком загрузки (этот патч идёт позже в каскаде). См. CLAUDE.md
 * ловушка №8 — анти-паттерн ставить `!important` "на всякий случай".
 * ════════════════════════════════════════════════════════════════════════════ */

/* ── A1) Иконки мета-строки жёлтые ─────────────────────────────────────────
 * patch-5.1:127-130 ставит `stroke: var(--ink)` (чёрный) и оставляет
 * `color: var(--yellow)` без эффекта (kp_ui_icon рендерит фикс. атрибут
 * stroke="currentColor", но CSS-свойство `stroke` его перебивает).
 * Меняем `stroke` на жёлтый напрямую. Текст пункта остаётся серым
 * (.kp-cat-head-meta наследует color: var(--ink-2)).
 */
body.kp-body .kp-cat-head-meta-item svg {
    stroke: var(--yellow, #FECE15);
}

/* ── A2) Отступы крошек / шапки / полосы под эталон ────────────────────────
 * patch-5.1 (исх.):
 *   .kp-cat-crumbs   padding: 18px 0 0;
 *   .kp-cat-head     padding: 8px 0 28px;
 *   .kp-cat-head-bar margin: 24px 0 20px;  (width 64, height 4)
 *   .kp-cat-head-meta gap: 24px;
 *
 * Подгонка под скрин Nick: крошки чуть выше и с небольшим воздухом
 * до заголовка; жёлтая полоса ближе к H1; meta-пункты шире разнесены.
 * Точные пиксели — пропорционально скрину; Nick сверит на стейдже.
 */
body.kp-body .kp-cat-crumbs {
    padding: 14px 0 6px;
}
body.kp-body .kp-cat-head {
    padding: 4px 0 24px;
}
body.kp-body .kp-cat-head-bar {
    margin: 18px 0 18px;
}
body.kp-body .kp-cat-head-meta {
    gap: 32px;
}