/* ══ Перекраска в цвета Happy Travel ═══════════════════════════════════════════════
   Клиент 16.08: «цвет можно зелёный как в логотипе сайта и жёлтый». Цвета взяты из
   самого логотипа (app/web/static/logo.png): зелёный #00cf8e, жёлтый #fddd02.

   🔴 Здесь ТОЛЬКО цвета. Ни одного правила про раскладку, размеры или отступы: файл
   подключается отдельной строкой и так же отключается, вёрстка при этом не меняется.
   Включение: адрес с ?theme=green. Выключение: без параметра.

   Основа перекраски — переменные самой копии, поэтому большинство мест меняется
   само: --tv-main-color она использует для синего, --tvui-brand-accent для кнопки. */

/* ⚠️ Цветовые переменные копия задаёт ИНЛАЙНОМ на <html>, а инлайн сильнее обычного
   правила. Поэтому только с !important — иначе файл подключается, но ничего не красит
   (проверено 19.08: фон формы оставался синим). */
:root,
html,
.trv-body {
  --tv-main-color: rgba(0, 207, 142, 1) !important;
  --tvui-brand-main: rgba(0, 207, 142, 1) !important;
  --tvui-brand-accent-extra: #00cf8e !important;
  --tvui-brand-accent-extra-darken: #00a873 !important;
  --tvui-brand-accent-extra-lighten: #33dba5 !important;
  /* Кнопка поиска и акценты — жёлтый логотипа, текст на нём тёмный. */
  --tv-search-button-color: rgba(253, 221, 2, 1) !important;
  --tv-search-button-text-color: #1b2a22 !important;
  --tvui-brand-accent: rgba(253, 221, 2, 1) !important;
  --tvui-brand-accent-darken: #e5c800 !important;
  --tvui-brand-text-accent: #1b2a22 !important;
  /* Переменные обвязки сайта (modules.css, b2c.css): ими покрашены кнопка поиска,
     ссылки и акценты вроде звёзд. Без них кнопка оставалась коралловой, потому что
     красится правилом с очень длинным путём и !important. */
  --trvMainColor: #00cf8e !important;
  --trvAccentColor: #fddd02 !important;
  --trvBtnBgColor: #fddd02 !important;

  /* Свои имена, чтобы ниже не повторять числа. */
  --ht-green: #00a873;
  /* Второй оттенок — как у них: фон героя одного тона, карточка формы поверх него
     светлее (#027ad0 → #1889db). Ту же дельту перенесли на зелёный. */
  --ht-green-light: #00cf8e;
  --ht-green-dark: #00a873;
  --ht-yellow: #fddd02;
  --ht-ink: #1b2a22;
}

/* ── Фон героя: основной тон ────────────────────────────────────────────────────
   ⚠️ Красим ТОЛЬКО герой, а не всю страницу. У копии (проверено по её снимкам 19.08)
   `.trv-page-content` белый, синий лишь верхний блок: на главной `.trv-search-module`,
   на выдаче `.trv-search-page-header`. Зона фильтров ниже у них светло-серая. Пока
   тема красила `.trv-page-content`, вся выдача заливалась зелёным. */
.trv-search-module,
.trv-search-page-header {
  background-color: #00a873 !important;
  background-image: none !important;
}

/* Строка режимов «Туры с перелетом / Отели / Горящие» живёт внутри карточки формы,
   свой фон ей не нужен — иначе поверх карточки идёт полоса другого тона. */
.TVSearchFormMode {
  background-color: transparent !important;
}

/* ── Карточка формы поверх героя: светлее, как у них ───────────────────────────── */
.TVMainForm,
.TVInterfaceWrapper > .TVMainForm {
  background-color: #00cf8e !important;
  background-image: none !important;
}

/* Точка внутри кружка режима: у копии она красится основным цветом и видна только у
   выбранного варианта. Красим тем же тоном, что фон карточки, — на белом кружке она
   читается, а у невыбранных её прячет сам образец. */
/* У невыбранных точки быть не должно: копия задаёт ей синий фон инлайном, поэтому
   гасим явно, а выбранному возвращаем — тоном фона героя, он читается на белом кружке. */
.TVInputRadioLabelCheck {
  background: transparent !important;
}
.TVInputRadioInput:checked + .TVInputRadioWrapper .TVInputRadioLabelCheck,
.TVInputRadio.TVActive .TVInputRadioLabelCheck {
  background: #00a873 !important;
}

/* ── Кнопка поиска: жёлтая, текст тёмный, иначе белое по жёлтому не читается ── */
/* У кнопки поиска фон задан на ней самой (TVButtonColor), а не на внутреннем tv-button. */
.TVSearchButton,
.TVSearchButton .tv-button,
.tv-button--tone-accent.tv-button-has-background {
  background-color: #fddd02 !important;
  border-color: #fddd02 !important;
  color: #1b2a22 !important;
}
.TVSearchButton *,
.tv-button--tone-accent.tv-button-has-background * {
  color: #1b2a22 !important;
  fill: #1b2a22 !important;
}

/* ── Акценты, которые копия рисует синим напрямую ── */
.TVCheckBox.TVChecked:before,
.TVCheckboxTreeItem.TVChecked:before,
.TVInputCheckboxLabel.TVChecked,
.TVStarsControlItem.TVActive,
.TVProgressLine {
  background-color: #00cf8e !important;
  border-color: #00cf8e !important;
}

.TVRoomInfo,
.TVCompareRemove,
.TVHistorySearchItemControl,
.TVMinPMainColor,
.TVCustomPriceColor {
  color: #00a873 !important;
}

.TVHistorySearchItemIcon {
  color: #00a873 !important;
  fill: #00a873 !important;
}

/* Цена в карточке выдачи и в блоке минимальных цен — фирменный зелёный вместо синего */
.TVResultItemPriceValue,
.TVResultItemPriceCurrency,
.TVMResultItemNewPrice,
.TVCartRangePriceValue {
  color: #00a873 !important;
}

/* Плашка цены в блоке «Самые низкие цены» у копии оранжевая — делаем жёлтой */
.TVMinPPriceValue {
  background-color: #fddd02 !important;
  color: #1b2a22 !important;
}

/* Круглая кнопка раскрытия карточки */
.TVResultItemButtonColor-dark {
  background-color: #00cf8e !important;
}

/* Ссылки и активные вкладки формы */
.TVTabListItem.TVActive,
.TVResultNavButton.TVActive {
  background-color: #00cf8e !important;
  color: #fff !important;
}

/* Выпадашка выбора страны в шапке блока — тоже синяя своим фоном. */
.trv-country-choose-dropdown__button {
  background-color: #00cf8e !important;
}

/* ── Перебиваем правила обвязки сайта ────────────────────────────────────────────
   В modules.css лежит правило с !important и длинным путём (.trv-search-module
   .TVWideForm .TVMainForm и ещё восемь таких же), которое красит форму в #1889DB.
   Обычным .TVMainForm его не перебить — нужен такой же длинный путь. Проверено
   через инспектор: именно оно выигрывало у первой версии темы. */
.trv-search-module .TVFullOperatorsForm .TVMainForm,
.trv-search-page-module .TVFullOperatorsForm .TVMainForm,
.trv-tours-page__banner-form .TVFullOperatorsForm .TVMainForm,
.trv-search-module .TVWideForm .TVMainForm,
.trv-search-page-module .TVWideForm .TVMainForm,
.trv-tours-page__banner-form .TVWideForm .TVMainForm,
.trv-search-module .TVWideForm .TVFilterForm {
  background-color: #00cf8e !important;
}

/* На выдаче фильтры лежат отдельной светлой зоной (#f4f7fb у копии), а не на герое —
   оставляем их как есть, иначе страница заливается зелёным целиком. */
.trv-search-page-module .TVWideForm .TVFilterForm,
.trv-search-page-header ~ * .TVFilterForm {
  background-color: #f4f7fb !important;
}

/* Кнопка поиска: её цвет тоже приходит длинным путём из обвязки. */
.trv-search-module .TVSearchButton,
.trv-search-page-module .TVSearchButton,
.trv-tours-page__banner-form .TVSearchButton,
.TVWideForm .TVSearchButton,
.TVMobileForm .TVSearchButton {
  background-color: #fddd02 !important;
  color: #1b2a22 !important;
}
.trv-search-module .TVSearchButton *,
.trv-search-page-module .TVSearchButton *,
.TVWideForm .TVSearchButton *,
.TVMobileForm .TVSearchButton * {
  color: #1b2a22 !important;
  fill: #1b2a22 !important;
}

/* ── Обводки ячеек второй строки формы ──────────────────────────────────────────
   «Класс отеля», «Курорт / отель», «Питание», «Рейтинг», «Расширенные фильтры».
   Рамку рисует внутренний узел TVAddSelect — у копии она светло-синяя (#82b3f4),
   на зелёном теряется. Просьба Андрея 19.08: сделать белой. */
/* ⚠️ Только внутри зелёного блока (главная). На выдаче эти же ячейки лежат на светлой
   зоне, и белая рамка там просто исчезает — там оставляем рамку копии. */
.trv-search-module .TVAddSelect,
.trv-search-module .TVStarsSelect {
  border-color: #fff !important;
}

/* ── Звёзды в «Классе отеля» ────────────────────────────────────────────────────
   Сама звезда рисуется значком в ::before. Выбранные — жёлтые из логотипа,
   невыбранные — белые (у копии они светло-синие и на зелёном не видны). */
/* Невыбранные — белые только на зелёном; на светлой зоне выдачи белая звезда пропадает,
   поэтому там остаются серые звёзды копии. */
.trv-search-module .TVStarsSelectItem:before,
.TVMobileForm .TVStarsSelectItem:before {
  color: #fff !important;
}
/* Выбранные — жёлтые везде: и на зелёном, и на светлом читаются одинаково. */
.TVStarsSelectItem.TVActive:before {
  color: #fddd02 !important;
}

/* ── Мобильная версия ───────────────────────────────────────────────────────────── */

/* Иконки полей формы (метка, календарь, часы, турист, фильтры) у копии синие. */
.TVMobileForm .TVMobileFormMainFilter svg,
.TVMobileForm .TVMainFilterIcon svg,
.TVMobileFormMainFilter .TVIcon {
  color: #00a873 !important;
  fill: #00a873 !important;
}

/* Звёзды в мобильной карточке выдачи копия красит красным (TVColorRed) — приводим к
   тому же жёлтому, что и на десктопе. */
#v2-results-mobile .TVHotelInfoStar:before,
.TVMResultItem .TVHotelInfoStar:before {
  color: #fddd02 !important;
}

/* На экране отеля звезда — квадратик с фоном (у нас он стал зелёным из переменной) и
   значком внутри. Фон убираем, значок делаем жёлтым, как везде. */
.TVStarsControlItem.TVActive {
  background-color: transparent !important;
}
.TVStarsControlItem.TVActive:before {
  color: #fddd02 !important;
}


/* Выбранный пункт переключателя режимов: на белой плашке подпись цветом темы. */
.TVSearchFormMode .TVToggleSwitchItem.TVActive { color: #00a873 !important; }