/* ───────────────────────────────────────────────────────────────
 * K-Promo — PATCH 3.2
 * ───────────────────────────────────────────────────────────────
 * Popular Categories — фикс цветов на тёмной карточке (.cat-tone-ink).
 *
 * Корневая причина: наш main.css:42 содержит правило
 *   .kp-page a { color: inherit; text-decoration: none }
 * со специфичностью 0,0,1,1. Оно перебивает
 *   .kp-cat-tone-ink { color: #fff }  (0,0,1,0)
 * → карточка «Электроника» унаследовала ink-цвет от .kp-page и
 * рендерила текст заголовка и стрелку чёрным на чёрном фоне.
 *
 * В эталоне правило `a { color: inherit }` — тип-селектор без обёртки
 * (0,0,0,1), оно проигрывает классу .cat-tone-ink → текст белый.
 *
 * Решение точечное: явно белый цвет на tone-ink и нужных потомках
 * с высокой специфичностью (body.kp-body + двойной класс + !important).
 *
 * См. BACKLOG.md п.8 — этот же паттерн проверить в Advantages и Cases
 * перед работой над теми секциями.
 *
 * Подключается ПОСЛЕ patch-3.1.css.
 * ─────────────────────────────────────────────────────────────── */


/* ═══════════════════════════════════════════════════════════════
 * GROUP A — Popular Categories: tone-ink белый текст
 * ═══════════════════════════════════════════════════════════════ */

body.kp-body .kp-cat-tone-ink,
body.kp-body a.kp-cat-tone-ink {
  color: #fff !important;
}

body.kp-body .kp-cat-tone-ink .kp-cat-name {
  color: #fff !important;
}

body.kp-body .kp-cat-tone-ink .kp-cat-foot > svg {
  color: #fff !important;
  stroke: #fff !important;
}