/* Тёмная тема: места, где текст оказался нечитаемым.

   Проверка контраста по WCAG на 30 страницах в тёмной теме при ширине 390 px
   нашла две системные ошибки и одну на главной. Общая причина одна: правила
   для светлой темы задают цвет текста тёмной краской, а тёмная тема меняет
   только фон под ними — отдельного правила на цвет нет, и текст сливается.

   1. Мобильный подвал, нижняя строка. Ссылка «Политика конфиденциальности»
      набрана rgba(17,24,39,.88) — почти чёрным по почти чёрному. Контраст
      1.11 при минимально допустимом 4.5: строка на экране просто отсутствует.
      Это на 34 страницах. Подпись компании и копирайт в той же строке —
      контраст 2.06, читаются с трудом; это на 84 страницах.

   2. Модальное окно расчёта на главной. Подписи полей («Ваше имя»,
      «Телефон», «Откуда», «Куда», «Груз»), надзаголовок «Запрос стоимости»
      и крестик закрытия остались от светлой темы. В тёмной подписи полей
      невидимы, а белый крестик стоит на светло-сером круге. Это главная
      форма захвата заявки на главной странице.

   3. Красный акцент. Фирменный var(--c-accent) на почти чёрном даёт 4.4:1 —
      на волосок ниже нормы для мелкого текста. В тёмной теме берётся
      осветлённый оттенок того же тона: #FF5A5C даёт 6.2:1 и остаётся
      узнаваемо фирменным.

   Файл подключается последним и правит только цвет — раскладку не трогает. */

/* ── 1. Мобильный подвал ─────────────────────────────────────────────────── */
html[data-theme="dark"] body#top footer.mobile-app-footer-ready .m-app-footer__meta {
  color: rgba(238, 241, 248, 0.78) !important;
  border-top-color: rgba(232, 236, 245, 0.62) !important;
}
html[data-theme="dark"] body#top footer.mobile-app-footer-ready .m-app-footer__meta a {
  color: rgba(245, 246, 250, 0.96) !important;
}
html[data-theme="dark"] body#top footer.mobile-app-footer-ready .m-app-footer__brand-text span {
  color: rgba(238, 241, 248, 0.78) !important;
}

/* ── 2. Модальное окно расчёта ───────────────────────────────────────────── */
html[data-theme="dark"] body#top .quote-modal .quote-field span,
html[data-theme="dark"] body#top .quote-modal label > span {
  color: rgba(238, 241, 248, 0.78) !important;
}
html[data-theme="dark"] body#top .quote-modal .quote-modal__head .kicker {
  color: #FF8A8C !important;
  background: rgba(229, 38, 41, .16) !important;
}
html[data-theme="dark"] body#top .quote-modal .quote-modal__hint {
  color: rgba(238, 241, 248, 0.78) !important;
}
html[data-theme="dark"] body#top .quote-modal .quote-modal__close {
  color: rgba(245, 246, 250, 0.96) !important;
  background: rgba(255, 255, 255, .10) !important;
  border-color: rgba(232, 236, 245, 0.62) !important;
}
html[data-theme="dark"] body#top .quote-modal .quote-modal__close:hover {
  background: rgba(255, 255, 255, .18) !important;
}

/* ── 3. Красный акцент на мелком тексте ──────────────────────────────────── */
html[data-theme="dark"] body#top :is(
  .edo-eyebrow, .edo-deadline__k,
  .etl-news__tag, .etl-news__live,
  .case-card__label,
  .calc__link,
  .svc-eyebrow, .rq-eyebrow, .cargo-eyebrow
) {
  color: #FF5A5C !important;
}
html[data-theme="dark"] body#top .etlai__chip.is-on {
  color: #FF8A8C !important;
}

/* Мелкие подписи в карточках: серый 117 на чёрном даёт 4.35 — поднимаем. */
html[data-theme="dark"] body#top :is(.case-card__route, .case-card__label, .tag, .docreg-tag) {
  color: rgba(238, 241, 248, 0.78) !important;
}

/* Разделитель хлебных крошек — decorативный, но на грани: чуть светлее. */
html[data-theme="dark"] body#top .etl-breadcrumb-sep {
  color: rgba(232, 236, 245, 0.62) !important;
}

/* Красный текст внутри тёмных карточек и в тексте абзацев.

   Проверка после первой правки оставила три группы: выделения <strong>
   в карточках сценариев блога (4.08), ссылки в абзацах основного текста
   (3.97) и мелкие метки в карточках кейсов и базы знаний (4.10–4.35).
   Везде одно и то же — фирменный var(--c-accent) на почти чёрном. На кнопках,
   где красный является фоном, правило не срабатывает: там красный
   не текст. */
html[data-theme="dark"] body#top :is(main, footer) :is(p, li, dd, td, .svc-lead, .related-lead) > a:not([class*="btn"]):not([class*="chip"]),
html[data-theme="dark"] body#top :is(.route-card, .blog-card, .svc-card, .k-card, .a-card, .ind-card) strong {
  color: #FF5A5C !important;
}

html[data-theme="dark"] body#top :is(.case-card__label, .case-card__route, .tag, .docreg-tag, .kicker) {
  color: rgba(238, 241, 248, 0.78) !important;
}

/* ETL_A11Y_TAG_BG_0904.

   Правило выше красит .tag в белый для тёмной темы, но фон пилюли задан в
   style_release.css как rgba(255,255,255,.72) и в тёмной теме оставался
   светлым. Тёмный фон для .tag жил только в release_nic_dark_fix.css, а тот
   подключён на одной странице — sitemap. На страницах «Интеграции» и
   «География» получалось белым по белому: контраст 1,66, текст не виден
   вовсе. Ставим фон рядом с цветом, тем же селектором — чтобы они больше
   не разъезжались. */
html[data-theme="dark"] body#top :is(.tag, .docreg-tag) {
  background: rgba(255, 255, 255, .10) !important;
  border-color: rgba(232, 236, 245, 0.62) !important;
}