/* ==========================================================================
   wizard_onepage_fold.css — Ф1.6 «аккордеон ленты» (заказ Jan 21.08).

   Слой ПОВЕРХ wizard_onepage.css (тот на потолке 350 строк — аккордеон
   вынесен отдельным файлом, а не дописан). Работает ТОЛЬКО под
   `body.wiz-onepage`; состояние — класс `wizop-folded` на секции, его ведёт
   js/wizard_onepage_fold.js.

   Свёрнутый блок — компактная строка: заголовок с номером, сводка Ф1.5
   (`.wizop-sum`, бейдж «изменено») и шеврон. Всё остальное тело блока
   спрятано display:none — содержимое не трогается, выбор живёт в модели.

   Новых цветов НЕ вводим — только токены проекта (components.css/tokens.css).
   ========================================================================== */

/* ── 1. Заголовок блока — переключатель ─────────────────────────────────── */
.wiz-onepage .wizG-step > .wizG-panel-title {
  position: relative;
  padding-right: 30px;          /* место под шеврон */
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
/* Шеврон — псевдоэлементом, как номер блока: на заголовке стоит data-i18n, и
   i18n.applyTranslations() переписывает его textContent при каждой смене
   языка — вставленный узел она бы стёрла, ::after переживает. */
.wiz-onepage .wizG-step > .wizG-panel-title::after {
  content: '▾';
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  font-size: 0.82rem;
  color: var(--text-dim);
  transition: transform .15s ease;
}
.wiz-onepage .wizG-step.wizop-folded > .wizG-panel-title::after {
  transform: translateY(-50%) rotate(-90deg);
}
.wiz-onepage .wizG-step > .wizG-panel-title:focus-visible {
  outline: 2px solid var(--primary-light);
  outline-offset: 2px;
  border-radius: 4px;
}

/* ── 2. Свёрнутое состояние: видимы заголовок и сводка ──────────────────── */
/* `.wizG-nav` — сознательное исключение: в блоке 12 на мобиле это
   position:fixed нижний док с кнопкой заказа (#gDownloadMobile); display:none
   у предка гасит и fixed-потомков — док бы исчез вместе с телом блока.
   В блоках 1–11 и на десктопе `.wizG-nav` и так спрятан правилами Ф1
   (wizard_onepage.css §2) — исключение там ничего не показывает.
   `.wizG-na-banner` — плашки честности: заведены по отзывам 1★/3★ и обязаны
   быть видны, даже когда блок свёрнут (кнопка заказа в доке-то живёт).
   Погашенные держит .wizG-hidden (wizard.css).
   ИСКЛЮЧЕНИЕ ГЛОБАЛЬНОЕ, И ЭТО НЕ НЕДОСМОТР. Ревью Ф1.6 предлагало сузить
   его до `[data-step="12"]` — замер по wizard-onepage.html говорит обратное:
   плашка стоит ПРЯМЫМ ребёнком КАЖДОЙ из 12 секций (14 штук: доступность
   снимка и «нет спутника» в блоках 1–11, разрешение снимка + деградация
   постера + снятые дороги в блоке 12), плюс гейт области досоздаёт свою в
   блоке 1 (`#wizopNeedArea`, wizard_onepage_gate.js). Сужение погасило бы
   одиннадцать из четырнадцати — ровно те, что объясняют пользователю, ПОЧЕМУ
   блок выглядит пустым.
   `.wizG-download-sub-mobile` — строка-подсказка под мобильной кнопкой
   заказа («Впишите название…») — по той же причине.
   ДИСЦИПЛИНА: новые исключения добавлять ТОЛЬКО очередным `:not()` в ЭТО
   правило — отдельное «показывающее» правило молча проиграет ему по
   специфичности (6 классов + !important). */
.wiz-onepage .wizG-step.wizop-folded > *:not(.wizG-panel-title):not(.wizop-sum):not(.wizG-nav):not(.wizG-na-banner):not(.wizG-download-sub-mobile) {
  display: none !important;
}

/* ── 3. Свёрнутая карточка — компактная кликабельная строка ─────────────── */
.wiz-onepage .wizG-step.wizop-folded {
  padding-top: 13px;
  padding-bottom: 13px;
  cursor: pointer;
}
.wiz-onepage .wizG-step.wizop-folded:hover { border-color: var(--primary); }
.wiz-onepage .wizG-step.wizop-folded > .wizG-panel-title { margin-bottom: 2px; }
.wiz-onepage .wizG-step.wizop-folded > .wizop-sum { margin-bottom: 0; }

/* ── 4. Мобайл (≤759px, синхронно с wizard_onepage.css §10) ─────────────── */
@media (max-width: 759px) {
  .wiz-onepage .wizG-step.wizop-folded { padding-top: 12px; padding-bottom: 12px; }
  /* Мишень шеврона на палец не нужна: кликабельна ВСЯ строка. */
}

@media (prefers-reduced-motion: reduce) {
  .wiz-onepage .wizG-step > .wizG-panel-title::after { transition: none; }
}