/* Lepre Refresh · только исправления поломок · 2026.11.04.1-fixes
   Решение владельца 04.11: редизайн отложен. Из партии 1 (v1.3) взяты только правила, без которых остаётся поломка;
   всё, что меняет вид там, где ничего не сломано, убрано. Файлы, пути и стоп-краны те же, что у v1.3
   (LEPRE_REFRESH_OFF в wp-config.php, ?lepre_refresh=0 на странице). Полный v1.3 и этот файл одновременно не ставить.

   Что чинит и почему это поломка, а не дизайн:
     R1  Каталог, ≥761px: «Sort by» рисуется под «19 services × Clear filters» (1440 — 137px, 1280 — 297px наложения),
         клик по правой части Sort попадает в Clear.
     R2  Хаб: кнопка «Browse …» на баннерах прозрачная — components.css берёт фон из --emerald-btn, а этой переменной
         нет ни в одном CSS сайта.
     R4  Иконки Font Awesome ужаты до ~55% (body{font-size-adjust:.546} наследуется шрифтом иконок) — точки вместо иконок.
     R6  Товар, ≥1041px: высота списка опций считается от угаданного футера 248px при реальных ~300–315px, и
         .config{overflow:hidden} срезает низ футера (1920×1080: −66px — значки оплаты и пол-строки гарантий).
     R14 Меню Games: текст страницы читается сквозь панель со списком игр.
     R16 Телефон, товар: пузырь чата Intercom лежит на кнопке «Add to cart» нижней панели (тап уходит в чат);
         панель дублирует кнопку конфигуратора поверх него же; тап по панели ведёт к верху формы, а не к кнопке.
   Номера строк «v1.3: …» — в /refresh-2026-11/v1.3/lepre-refresh.css. */

/* ── R1 · Фильтры каталога: «Sort by» больше не уходит под «Clear filters» ─────────────────────────
   v1.3: стр. 11–13, 15. Причина: category.css .filters{flex-wrap:nowrap} — дорожка селектов сжимается до min-width:0
   и рисуется под .fmeta. Стало: селекты становятся прямыми элементами полосы и при нехватке места переносятся
   на следующую строку целиком, «N services × Clear filters» остаётся справа (margin-left:auto темы).
   Подписи селектов, отступы и телефон (≤760) — как у темы. Цена: липкая полоса выше там, где сейчас наложение —
   1440: 66→101px (счётчик и Clear второй строкой), 1280–1366: 66→116px, 1100: 66→151px (три строки); от 1600 — как сейчас. */
@media (min-width:761px){
  .filters{flex-wrap:wrap}
  .filters .filters-sw,.filters .filters-sw .swiper-wrapper,.filters .filters-sw .chipcar-track{display:contents}
}

/* ── R2 · Кнопка «Browse …» на двух баннерах хаба ─────────────────────────────────────────────────────
   v1.3: стр. 31. .banner-cta{background:var(--emerald-btn)} и :hover var(--emerald-btn-h) — переменных нет → фон прозрачный.
   Значения v1.3: белый текст на #0E7A3C = 5.4:1, на #0B6831 = 6.9:1. */
:root{--emerald-btn:#0E7A3C;--emerald-btn-h:#0B6831}

/* ── R4 · Иконки Font Awesome в полный размер ──────────────────────────────────────────────────────
   v1.3: стр. 48. Размер боксов не меняется → без сдвигов. */
:is(.fa,.fas,.far,.fal,.fad,.fab,.fa-solid,.fa-regular,.fa-light,.fa-duotone,.fa-brands,.svg-inline--fa,.tcfa){font-size-adjust:none!important}

/* ── R6 · Конфигуратор товара, ≥1041px: футер с ценой, кнопкой, гарантиями и значками оплаты — целиком ──
   v1.3: стр. 80 (flex, min-height) и 81 (только flex). Стало как у самой темы на 769–1040px: тело конфигуратора
   сжимается до места в колонке, список опций отдаёт футеру сколько нужно и прокручивается внутри, как сейчас.
   Отступы, размеры полей, кнопки и футера, предел высоты списка (--cfg-scroll-max) — темы, без изменений.
   Нижняя граница списка — 0, как у темы: высоту #config снизу держит сама тема (product-page.js ставит ему
   min-height не меньше заглушки 500px), поэтому список в низких окнах не схлопывается. */
@media (min-width:1041px){
  body.lsr-single-product .lsr-product-layout .config#config .cfgbody{flex:1 1 auto;min-height:0}
  body.lsr-single-product .lsr-product-layout .config#config .cfgscroll{flex:0 1 auto}
}

/* ── R14 · Меню Games непрозрачное ─────────────────────────────────────────────────────────────────
   v1.3: стр. 316, цвет заменён. Тема: .games-menu{background:rgba(26,31,26,.98)} внутри шапки с backdrop-filter;
   в Chrome при таком вложении панель выходит полупрозрачной, и текст страницы виден сквозь список игр.
   Цвет тот же, что у темы, убрана только прозрачность. Стекло закрытой шапки не трогаем (стр. 317 v1.3 не берём). */
.games-menu{background:rgb(26,31,26)}

/* ── R16 · Телефон, товар: нижняя панель «цена + Add to cart» ─────────────────────────────────────────
   v1.3: стр. 343–358 без safe-area (padding-bottom с env() без viewport-fit=cover равен теме, ничего не чинит).
   Панель уезжает, пока на экране кнопка самого конфигуратора (класс .lsr-away ставит lepre-refresh.js);
   тап по панели ведёт к футеру конфигуратора с ценой (data-target ставит JS, отступ под шапку — scroll-margin-top);
   справа место под пузырь чата (класс .lsr-icom ставит JS, когда на странице есть кнопка Intercom). */
@media (max-width:760px){
  .lsr-product-mbar{transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s,visibility 0s linear 0s}
  .lsr-product-mbar.lsr-away{transform:translateY(110%);opacity:0;pointer-events:none;visibility:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s,visibility 0s linear .28s}
  #lsrCfgFoot{scroll-margin-top:77px}
  body.admin-bar #lsrCfgFoot{scroll-margin-top:123px}
  html body .lsr-product-mbar.lsr-icom{padding-right:78px}
}
/* ≤400px с пузырём чата и ценой со скидкой кнопка иначе сжимается до ~118px и «Add to cart» ложится в две строки */
@media (max-width:400px){
  html body .lsr-product-mbar.lsr-icom{gap:10px}
  html body .lsr-product-mbar.lsr-icom .lsr-mbar-atc{padding-left:10px;padding-right:10px}
}