/**
 * wizard_ideas.css — единая сетка «Идеи карт» шага 9 мастера (задача 2.10,
 * DECISIONS #180, волна 2 мастера v5).
 *
 * Объединяет прежние «Быстрый старт» и «Готовые профили» в одну адаптивную
 * сетку карточек-сценариев. Карточка переиспользует существующий класс
 * .wizG-qcard (wizard.css) — здесь только контейнер-сетка и скрытие легаси-блоков.
 *
 * Аддитивно: не трогает wizard.css / wizard_scaffold.css (заняты другими волнами).
 * Подключается в wizard.html после wizard.css, поэтому .w5B-legacy скрывает
 * старые блоки поверх их базовых стилей.
 */

/* Сетка карточек идей: адаптивная, авто-заполнение. На широком экране —
 * многоколоночная (мин. ширина карточки 220px), на мобайле 390px — 1 колонка.
 * Карточка (.wizG-qcard) стилизуется в wizard.css; здесь только раскладка. */
.wizG-ideas {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 6px;
}

/* ≥520px — две колонки (как старый .wizG-quickstart). */
@media (min-width: 520px) {
  .wizG-ideas { grid-template-columns: 1fr 1fr; }
}

/* ≥860px — три колонки: 13 карточек компактнее, меньше прокрутки. */
@media (min-width: 860px) {
  .wizG-ideas { grid-template-columns: repeat(3, 1fr); }
}

/* w5B: старые блоки «Быстрый старт» / «Готовые профили» больше не рендерятся
 * (wizard_format.js перешёл на #gIdeas). Разметка сохранена аддитивно для
 * совместимости — прячем её на шаге 9 мастера. */
.w5B-legacy { display: none !important; }

/* w5B: POI icons (2.5) — реальные значки карты в шаге «Точки интереса».
 * Клиент видит, какой значок попадёт на экспорт. Значки — те же SVG, что
 * рисует движок (/img/wizard/poi/*.svg). Вставляются из wizard_poi.js:
 * .wizG-poi-ico — в заголовке группы (вместо эмодзи), .wizG-chip-ico — в чипе вида. */
.wizG-poi-ico {
  width: 22px; height: 22px; flex-shrink: 0;
  object-fit: contain; display: block;
}
.wizG-chip-ico {
  width: 18px; height: 18px; flex-shrink: 0;
  object-fit: contain; display: inline-block; vertical-align: middle;
}
/* В активном (выбранном) чипе фон синий — лёгкая подложка под значком,
 * чтобы цветной SVG читался на любом фоне. */
.wizG-chip.active .wizG-chip-ico {
  background: rgba(255, 255, 255, 0.85);
  border-radius: 4px; padding: 1px;
}

/* Мобайл (≤520px): значки чуть компактнее, чтобы чипы не переполняли строку. */
@media (max-width: 520px) {
  .wizG-poi-ico { width: 20px; height: 20px; }
  .wizG-chip-ico { width: 16px; height: 16px; }
}

/* ─── w5B (волна 2, фаза «примеры»): плитки пресетов слоёв, мини-превью опций ───
 * Аддитивно поверх wizard.css. Плитки переиспользуют .wizG-tile/.wizG-tile-img
 * (wizard.css) — здесь только модификатор раскладки .four и стили плашек опций. */

/* Четыре плитки пресетов слоёв в ряд на широком экране; 2×2 на мобайле
 * (база .wizG-tiles = 2 колонки уже подходит, расширяем для ≥640px). */
@media (min-width: 640px) {
  .wizG-tiles.four { grid-template-columns: repeat(4, 1fr); }
}

/* Мини-превью опции (сетка/кадастр) — рамка как у плиток, картинка внутри. */
.wizG-optprev {
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
  margin: 8px 0 6px;
  background: #0b1322;
}
.wizG-optprev img {
  width: 100%;
  max-height: 150px;
  object-fit: contain;
  display: block;
}

/* w5C8 (FIX A): живое превью координатной сетки поверх настоящего куска карты.
 * Контейнер — позиционный, фиксированное соотношение ~320×150 (object-fit cover),
 * SVG-оверлей с линиями сетки растягивается на весь контейнер абсолютом. */
.w5B-grid-prev {
  position: relative;
  aspect-ratio: 320 / 150;
  background: #0b1322;
}
.w5B-grid-prev .w5B-grid-prev-map {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-height: none;        /* перебиваем .wizG-optprev img max-height:150px */
  object-fit: cover;
  display: block;
}
.w5B-grid-prev .w5B-grid-prev-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;    /* превью некликабельно — настройки рядом */
}

/* Мягкое предупреждение «формат растровый — сетка не попадёт» (#189):
 * информирующий, не блокирующий тон (янтарный, не красный). */
.wiz-grid-warn {
  font-size: 0.76rem;
  line-height: 1.4;
  color: #fbbf24;
  background: rgba(251,191,36,0.10);
  border: 1px solid rgba(251,191,36,0.30);
  border-radius: 8px;
  padding: 7px 10px;
  margin: 2px 0 8px;
}

/* Статус-пометка «кадастр временно недоступен» (#189): мягкая, не дизейбл. */
.wiz-cad-status {
  font-size: 0.76rem;
  line-height: 1.4;
  color: var(--text-dim);
  margin-top: 6px;
  font-style: italic;
}