/**
 * gs-tokens-bridge.css — чекаут на шкале рельса (05.08.2026).
 *
 * ЗАЧЕМ. Чекаут написан на СВОЁМ наборе токенов (`gro-tokens.css`, имена вида
 * `--text_001`), а весь новый сайт — на `--gs-*`. Два набора расходятся: фон и
 * золото уже совпадают, а чернила, линии и скругления — нет. Со стороны это
 * читается как «касса из другого проекта».
 *
 * ЧТО ЗДЕСЬ ЕСТЬ И ЧЕГО НЕТ. Здесь только ПЕРЕОПРЕДЕЛЕНИЕ ЗНАЧЕНИЙ: старые
 * имена начинают указывать на новые цвета. Ни одного правила из
 * `gro-checkout.css` не тронуто, ни строки разметки, ни строки логики.
 *
 * 🛑 ПОЧЕМУ НЕ ПЕРЕСОБРАН НА `gs-*`. Шаблон чекаута — 1041 строка денежного
 * пути: проверка согласий, зачёт трипваера, order-bump, запрет смешанной
 * корзины, разблокировка кнопки по ошибке WooCommerce. В мае–августе он дважды
 * ломался ИМЕННО на защитах и два месяца не пропускал покупку. Переписывать его
 * ради классов — повторить тот же класс отказа за ту же цену.
 *
 * ⚠️ ШКАЛА КЕГЛЕЙ НЕ ТРОНУТА. У старого набора `--fs-16` = 16px, у нового
 * `--gs-t-body` = 18px: подмена сдвинула бы каждую строку формы и её высоту.
 * Это отдельное решение и отдельный замер, не побочный эффект перекраски.
 */

/* ── Мост: старые имена → значения рельса ─────────────────────────────────
   Порядок важен: блок токенов выше объявляет `--gs-*`, здесь они подставляются
   в старые имена. Значения НЕ вписаны числами — иначе на первой же правке
   палитры касса отстанет от сайта, а заметят это по скриншоту через месяц. */
/* ⚠️ ПЕРЕОПРЕДЕЛЕНИЕ ТОКЕНОВ ЗДЕСЬ БОЛЬШЕ НЕ НУЖНО ДЛЯ ЦВЕТА. 05.08 сама
   `gro-checkout.css` переведена на `--gs-*` — 145 обращений, — и цвет со
   скруглениями касса берёт из шкалы напрямую.

   Блок оставлен ЖИВЫМ намеренно: на старых токенах ещё стоят другие страницы
   (корзина, «спасибо», отмена подписки), и мост держит их. Снять его целиком
   можно будет, когда переведут и их — до тех пор снятие вернуло бы им прежние
   цвета молча. */
:root {
  --text_001: var(--gs-ink);
  --text_002: var(--gs-ink-2);
  --text_003: var(--gs-ink-3);
  --bg:       var(--gs-bg);
  /* ⚠️ `--bg-00` — это НЕ белая карта, а панель НА ней (сводка заказа, аккордеон,
     бамп). Первая версия моста приравняла её к `--gs-surface`, то есть к белому,
     и блок «вы покупаете» стал белым на белом: рамки у него нет, держался он
     только заливкой. Роль важнее похожего имени. */
  --bg-00:    var(--gs-surface-1);
  --bg-01:    var(--gs-surface-2);
  --bg-02:    var(--gs-surface-2);
  --main:     var(--gs-accent);
  --border:    var(--gs-line);
  --border-02: var(--gs-line);
  --radius-card: var(--gs-radius);
  --radius-soft: var(--gs-radius-sm);
  --radius-pill: var(--gs-radius-pill);
  --radius-tag:  var(--gs-radius-pill);
}

/* ── Кнопка оплаты: вернуть задуманный вид ────────────────────────────────
   ⚠️ НАЙДЕНО ЗАМЕРОМ 05.08, дефект НЕ новый. Главная кнопка кассы приходила
   фиолетовой (#7F54B3) с углом 3px — это дефолт WooCommerce
   (`.woocommerce … .button.alt`), и он ПЕРЕБИВАЕТ `.gro-submit`: у него
   специфичность выше, а у нашей кнопки всего один класс. То есть на самой
   денежной кнопке сайта стоял чужой бренд, и оба стиля при этом «работали».

   Здесь только возврат к тому, что уже описано в `gro-checkout.css`: чёрная
   капсула, белый текст. Ни разметка, ни обработчики не тронуты. */
.woocommerce #place_order.gro-submit,
#place_order.gro-submit {
  background-color: var(--gs-ink);
  color: #FFFFFF;
  border-radius: var(--gs-radius-pill);
  border-color: var(--gs-ink);
}
.woocommerce #place_order.gro-submit:hover,
#place_order.gro-submit:hover {
  background-color: #FFFFFF;
  color: var(--gs-ink);
}

/* ── Поля и кнопка: один набор с рельсом (GO Никиты 05.08) ────────────────
   ⚠️ ЗДЕСЬ МЕНЯЕТСЯ ВИД ФОРМЫ ОПЛАТЫ, и это единственное место, где это
   происходит. Разметка и обработчики по-прежнему не тронуты: класс
   `.gro-field__control` остаётся тем же, меняется только то, как он выглядит.

   Было: подчёркивание, высота 52, кегль 20. Стало: плашка со скруглением 12,
   высота 48, кегль 18 — ровно поле рельса. Из двух вариантов выбран рельсовый,
   потому что он стоит на одиннадцати страницах против одной.
   Обратное направление — у чекбокса: там реализация КАССЫ оказалась старше и
   продуманнее, и на неё перевели рельс, а не наоборот. «Свести» не значит
   «переделать кассу под новое»: значит выбрать лучшее из двух и оставить одно.
   ⚠️ Селекторы намеренно ДЛИННЕЕ (`.gro-co .gro-field__control`). Стили кассы
   печатаются ИНЛАЙНОМ в самой странице, то есть после любых внешних файлов, и
   правило равной длины проигрывает по порядку. Выигрываем длиной селектора, а
   не `!important` — так же, как уже сделано для кнопки FluentForms. */
.gro-co .gro-field__control {
  height: auto;
  min-height: 48px;
  padding: 12px 16px;
  border: 0;
  border-radius: var(--gs-radius-sm);
  background: var(--gs-surface-2);
  font-size: 1.125rem;
  font-weight: 400;
  color: var(--gs-ink);
}
.gro-co .gro-field__control::placeholder { color: var(--gs-ink-3); font-weight: 400; }
.gro-co .gro-field__control:hover { border: 0; }
.gro-co .gro-field__control:focus,
.gro-co .gro-field__control.is-focus {
  /* Фокус — ТОТ ЖЕ, что у поля рельса: кольцо тенью, не обводкой. Разные
     способы показать фокус на одном сайте читаются как разные сайты. */
  outline: none;
  border: 0;
  box-shadow: 0 0 0 3px var(--gs-focus);
}
/* Действие внутри поля («Войти» справа) держалось на нижней кромке подчёркивания.
   У плашки кромки нет — прижимаем к центру по высоте. */
.gro-co .gro-field__action { bottom: auto; top: 50%; transform: translateY(-50%); right: 16px; }

/* Кнопка оплаты — размер `xl` общей шкалы (72px), тот же, что был. Отдельного
   значения у кассы больше нет: оно переехало в словарь как `.gs-btn--xl`. */
#place_order.gro-submit { height: var(--gs-h-xl); font-size: 1.125rem; }