/* etl_flat_kicker.css — надзаголовок сервисных страниц без капсулы.
 *
 * ЧТО БЫЛО
 * .svc-kicker над заголовком страницы услуги оформлен капсулой:
 * border-radius 999px, полупрозрачный фон, рамка, padding 8×12.
 * Капсула — язык статусов и тегов: ею помечают состояние («в пути»,
 * «оплачено») или элемент выбора. Здесь же это просто подпись, ничего
 * не помечающая и никуда не ведущая. Читатель считывает форму раньше
 * содержания и на секунду ищет, что этот «тег» означает.
 *
 * Элемент .svc-pill на этих же страницах капсулу уже потерял — фон,
 * рамка и радиус у него нулевые. Кикер остался последним.
 *
 * ЧТО СТАЛО
 * Обычный надзаголовок: прописные, разрядка, приглушённый цвет, иконка
 * акцентом. Тот же приём, каким набраны заголовки колонок в подвале, —
 * значит сайт не обзаводится ещё одним способом сказать «это подпись».
 *
 * Файл подключается последним: исходные правила стоят в нескольких
 * местах с !important.
 */

html body#top .svc-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase;
  line-height: 1.4;
}

html body#top .svc-kicker i,
html body#top .svc-kicker .ph {
  color: var(--c-accent, var(--c-accent));
  font-size: 15px;
}

/* На тёмной подложке героя подпись должна оставаться читаемой, но не
   спорить с заголовком: 0.7 — граница, за которой текст ещё уверенно
   читается, но уже явно вторичен. */
html body#top .svc-hero .svc-kicker {
  color: rgba(238, 241, 248, 0.78) !important;
}

html[data-theme="light"] body#top .svc-kicker:not(.svc-hero .svc-kicker) {
  color: var(--c-muted, rgba(17, 24, 39, 0.6)) !important;
}

/* Отдельно перебиваем правило-победитель. Замер через CDP показал, что
   фон выигрывает селектор
     html:not([data-theme="dark"]) body#top .svc-hero .svc-kicker
   с !important. Причём объявлен он не в общих стилях, а инлайновым
   <style> внутри каждой страницы услуги — то есть ниже по документу, чем
   любой подключаемый файл, и при равной специфичности выигрывает всегда.

   Повторяем ту же форму селектора и добавляем :not(.etl-x) — класса,
   которого нет ни на одном элементе. Он ничего не выбирает и ничего не
   ломает, но поднимает специфичность на один класс. Это дешевле, чем
   править инлайновый блок в 33 файлах и следить, чтобы он не вернулся
   при следующей пересборке страниц. */
html:not([data-theme="dark"]):not(.etl-x) body#top .svc-hero .svc-kicker,
html[data-theme="dark"]:not(.etl-x) body#top .svc-hero .svc-kicker,
html:not([data-theme="dark"]):not(.etl-x) body#top .svc-hero--video .svc-kicker,
html[data-theme="dark"]:not(.etl-x) body#top .svc-hero--video .svc-kicker {
  background: none !important;
  border: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Тематические страницы (море, ж/д, авиа, мультимодал, авто) красят кикер
   отдельно и через класс body: release_nic_dark_fix.css:557 и соседние,
   final_overrides.css:3076. Перечисляем их явно — иначе капсула остаётся
   там, где у страницы свой цвет. */
html body#top.sea-page .svc-kicker,
html body#top.rail-page .svc-kicker,
html body#top.avia-page .svc-kicker,
html body#top.avto-page .svc-kicker,
html body#top.multi-service-page .svc-kicker,
html body#top.sea-page .svc-hero--video .svc-kicker,
html body#top.avto-page .svc-hero--video .svc-kicker {
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Последний рубеж. На тематических страницах в тёмной теме кикер красит
   селектор вида
     html[data-theme="dark"] body#top.sea-page :is(.svc-kicker, ...)
   — он специфичнее всего перечисленного выше из-за :is() с классом.
   Повторяем ту же конструкцию для всех пяти страниц. */
html[data-theme="dark"] body#top.sea-page :is(.svc-kicker),
html[data-theme="dark"] body#top.rail-page :is(.svc-kicker),
html[data-theme="dark"] body#top.avia-page :is(.svc-kicker),
html[data-theme="dark"] body#top.avto-page :is(.svc-kicker),
html[data-theme="dark"] body#top.multi-service-page :is(.svc-kicker),
html[data-theme="dark"] body#top.refrigerated-page :is(.svc-kicker),
html[data-theme="dark"] body#top.fish-page :is(.svc-kicker) {
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Правило страницы моря объявлено как
     html[data-theme="dark"] body#top.sea-page
       :is(.svc-kicker, .svc-pill, .svc-actions .svc-ghost)
   Специфичность :is() считается по самому тяжёлому аргументу — а это
   «.svc-actions .svc-ghost», два класса. Поэтому :is(.svc-kicker) с одним
   классом проигрывает. Добираем вес: [class] на body плюс :not(.etl-x)
   на самом кикере. Обе добавки ничего не выбирают сверх прежнего.

   Кнопку .svc-ghost намеренно не трогаем: это элемент управления, у него
   фон и рамка уместны. Речь только о подписи. */
html[data-theme="dark"] body#top[class] .svc-hero .svc-kicker:not(.etl-x),
html[data-theme="dark"] body#top[class] .svc-hero--video .svc-kicker:not(.etl-x),
html:not([data-theme="dark"]) body#top[class] .svc-hero .svc-kicker:not(.etl-x),
html:not([data-theme="dark"]) body#top[class] .svc-hero--video .svc-kicker:not(.etl-x) {
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}