/* ==========================================================================
   Доводка 19.10 — компенсации каскада по итогам визуальной приёмки заказчиком
   чистой интеграции (задача 10). Подключается ПОСЛЕ sitewide.css и правит
   только места, где пакетные motion.css / sitewide.css / hero.css напрямую
   перекрасили живые элементы: сами пакетные файлы побайтово равны пакету и
   не трогаются. Контрастные пары посчитаны формулой WCAG и застережены в
   tests/test_kontrast.py (раздел «Доводка 19.10»).
   ========================================================================== */

/* 1. Кнопки «Кто вы» (index, #kto-vy): белый на белой полосе героя, рамку
      hero.css пакета красит в var(--bm-line) #DDE2E8 — 1,30:1 при норме
      3:1 (WCAG 1.4.11). Рамка синим палитры чистого слоя #23478B — 8,95:1
      к белому; текст остаётся #07152E на белом (18,17:1). */
body.brand-motion .bm-hero-roles #kto-vy a { border: 1px solid #23478B; }
body.brand-motion .bm-hero-roles #kto-vy a:hover { border-color: #0B1220; background: #F2F7FC; }

/* 2. Заголовки тёмных сегментов триады (index, #napravleniya): motion.css
      красит .np-slovo напрямую в var(--bm-ink), прямая правила бьёт
      наследование белого от сегмента — 1,85:1 на тёмном тумане. Белым —
      9,81:1 на худшем пикселе (туман .8 поверх белой картинки). */
.brand-motion #napravleniya .np-seg--investicii .np-slovo,
.brand-motion #napravleniya .np-seg--aktivy .np-slovo { color: #FFFFFF; }

/* 3. «Актуальные объекты» (index, .editorial-featured на градиенте слоя):
      карточки возвращаются на синий — фон прозрачный, как в editorial.css
      эталона редизайна; жёлтая фраза лида и ссылки были тёмными tailwind-
      цветами (1,53:1), цены через bm-on-blue — светлыми на белой карточке
      motion.css (1,19:1). Цены — белым, действие — золотом пакета #F8DFB6
      (тем самым, каким sitewide.css красит золото на .bm-section-blue).
      Норма 4,5:1 на самом светлом стопе градиента #2468A4. */
body.bm-sitewide .editorial-featured .kap-vitrina-kartochka { background: transparent !important; }
body.bm-sitewide .editorial-featured .kap-vitrina-kartochka h3 { color: #FFFFFF !important; }
body.bm-sitewide .editorial-featured .kap-vitrina-kartochka .kap-vitrina-cena { color: #FFFFFF !important; }
body.bm-sitewide .editorial-featured .kap-vitrina-kartochka .kap-vitrina-metrika { color: #E2EDF9 !important; }
body.bm-sitewide .editorial-featured .kap-vitrina-kartochka .kap-ssylka-deystvie { color: #F8DFB6 !important; border-top: 1px solid rgba(201,164,92,.55); }
body.bm-sitewide .editorial-featured p.text-lg b { color: #E2EDF9 !important; }
body.bm-sitewide .editorial-featured p.text-lg a { color: #F8DFB6 !important; }

/* 4. «Экономика проекта» (investor, .kap-setka-raschetov): класс слоя
      bm-data-table красит чётные строки светлым #F1F6FC (текст ячеек
      1,37:1) и кладёт второй градиент в шапку. Решение заказчика 19.10:
      блок в тёмных тонах, почти как в оригинале, палитра чистого слоя —
      пластина #0B2239 (глубокая ветвь) под таблицей и карточками блока,
      полос нет, шапка прозрачна, рамки светлые #DDE2E8. Пары оригинала
      (#CBD5E1 / #C9A45C / #B6BFCD / белый) — от 6,16:1 на подложке ячеек. */
body.bm-sitewide table.kap-setka-raschetov { background: #0B2239; }
body.bm-sitewide table.kap-setka-raschetov.bm-data-table tbody tr:nth-child(even) { background: transparent !important; }
body.bm-sitewide table.kap-setka-raschetov thead { background: none !important; border-bottom: 2px solid #DDE2E8; }
body.bm-sitewide table.kap-setka-raschetov thead th { border-bottom-color: #DDE2E8; }
body.bm-sitewide table.kap-setka-raschetov td { border-color: #DDE2E8; }
body.bm-sitewide section.bm-section-blue:has(.kap-setka-raschetov) .bg-white\/5 { background: #0B2239; }

/* 5. Синие блоки aktivy.html — решение заказчика 19.10: затемнить. Переменная
      фиксирует глубокую ветвь палитры слоя; применяется только на странице
      активов (маркер .np-geroy--aktivy есть лишь там), базовый --bm-gradient
      остальных страниц не меняется. Белый на светлом стопе 7,72:1 (было
      5,85:1). */
body.bm-sitewide { --bm-gradient-deep: linear-gradient(115deg,#0B2239 0%,#163C70 56%,#1E548F 100%); }
body.bm-sitewide:has(.np-geroy--aktivy) .bm-section-blue,
body.bm-sitewide:has(.np-geroy--aktivy) .bm-direction-art { background: var(--bm-gradient-deep) !important; }

/* 2b. Плашка-акцент «Актив оформляется на инвестора» (index, сегмент
      Инвестиций). На десктопе она лежит на тёмном тумане клина и читается
      (5,95:1), но в мобильной ветке (<1024px) motion.css разворачивает
      сегменты белыми карточками с фото 220px сверху — плашка остаётся
      светлой #EED9A8 на светлом тинте поверх белого: 1,28:1 (находка
      визуальной проверки 390). Мобильная пара «золотой текст на светлом»:
      --kap-gold-text на тинте .18 — 5,31:1. Десктоп не трогаем. */
@media (max-width: 1023.98px) {
  .brand-motion #napravleniya .np-seg--investicii .np-akcent {
    color: var(--kap-gold-text);
    background: rgba(201,164,92,.18);
    border-color: rgba(122,94,36,.45);
  }
}