/* ─────────────────────────────────────────────────────────────────────
   Тёмная тема — доводка (подключается ПОСЛЕДНИМ).

   Основные поверхности (страница, карточки, шапка, меню, модалки, блок
   цены) уже переключаются через CSS-переменные в тёмных блоках storefront
   и design-lab. Этот файл закрывает места редизайна, где фон/цвет заданы
   светлыми ЖЁСТКО (без переменных) и потому не темнели: панель фильтров,
   поля цены, мобильное меню категорий, 3D-карусель, тулбар и т.п.

   Все правила действуют только при html[data-theme="dark"].
   ───────────────────────────────────────────────────────────────────── */

/* ── Нативные элементы браузера (скроллбар, поля) в тёмную гамму.
   Без этого справа у края экрана виден светлый системный скроллбар ─
   та самая «белая полоса» в шапке. ── */
html[data-theme="dark"] { color-scheme: dark; }

/* ── Панель фильтров каталога ── */
html[data-theme="dark"] .catalog-page #catFilters,
html[data-theme="dark"] .catalog-page #catFilters h3,
html[data-theme="dark"] .catalog-page .dl-catalog-rail .cat-stage {
  background: var(--card-bg) !important;
  color: var(--ink);
  border-color: var(--dl-line, #26394e) !important;
}
html[data-theme="dark"] #catFilters h3 { color: var(--ink); }
html[data-theme="dark"] .fx-group { border-color: rgba(255, 255, 255, .08); }
html[data-theme="dark"] .fx-head,
html[data-theme="dark"] #catFilters .fx-val { color: var(--ink); }
html[data-theme="dark"] #catFilters .fx-val:hover { background: rgba(255, 255, 255, .06) !important; color: var(--ink) !important; }
html[data-theme="dark"] .fx-price input,
html[data-theme="dark"] .catalog-page .fx-price input,
html[data-theme="dark"] .price-filter input {
  background: var(--sky) !important;
  color: var(--ink) !important;
  border-color: var(--dl-line, #26394e) !important;
}
html[data-theme="dark"] .fx-range .track { background: #26394e; }
html[data-theme="dark"] .fx-tag { background: #1d3a56; color: #cfe4fb; }
html[data-theme="dark"] .fx-tag:hover { background: #234666; }
html[data-theme="dark"] .fx-reset,
html[data-theme="dark"] .fx-more,
html[data-theme="dark"] .fx-close { color: var(--blue); }
html[data-theme="dark"] .fx-val .n { color: var(--muted); }

/* ── Мобильное меню категорий (шторка) ── */
html[data-theme="dark"] .cats-drawer-head { background: var(--card-bg) !important; border-color: var(--dl-line, #26394e); }
html[data-theme="dark"] .cats-drawer-head h3 { color: var(--ink); }
html[data-theme="dark"] .cats-drawer-head .x { background: var(--sky) !important; color: var(--ink); border-color: var(--dl-line, #26394e); }
html[data-theme="dark"] .cats-drawer-body a {
  background: var(--card-bg) !important;
  color: var(--ink) !important;
  border-color: var(--dl-line, #26394e) !important;
}

/* ── 3D-карусель на странице товара ── */
html[data-theme="dark"] #carousel3d .c3d-item { background: var(--card-bg); border-color: var(--dl-line, #26394e); }

/* ── Каталог: тулбар, сортировка, пагинация, плитки характеристик ── */
html[data-theme="dark"] .catalog-toolbar { background: var(--card-bg); border-color: var(--dl-line, #26394e); }
html[data-theme="dark"] .pager button { background: var(--card-bg); border-color: var(--dl-line, #26394e); color: var(--ink); }
html[data-theme="dark"] .spec-table td { border-color: var(--dl-line, #26394e); }
html[data-theme="dark"] .spec-group-title { color: var(--muted); }

/* ── Поисковые подсказки ── */
html[data-theme="dark"] .search-suggest { background: var(--card-bg); color: var(--ink); }
html[data-theme="dark"] .search-suggest .sug:hover,
html[data-theme="dark"] .search-suggest .sug.active { background: var(--sky); }

/* ── Плитки характеристик и правая карточка цены на странице товара ── */
html[data-theme="dark"] .pp-key-cell { background: var(--sky) !important; border-color: var(--dl-line, #26394e) !important; }
html[data-theme="dark"] .pp-key-cell .k-ico { background: rgba(120, 200, 255, .12); }

/* ── Иконки: в тёмной теме контурные значки видны как есть (currentColor),
      но принудительно белим «банан»-луну обратно в красный только на светлой —
      здесь ничего не переопределяем, цвет наследуется. ── */


/* Фон страницы задаётся ТОЛЬКО в public/page-bg.v1.css.
   Здесь он раньше тоже задавался и все эти годы был мёртвым: page-bg.v1.css
   подключён в index.html позже и перебивает всё правилом `background: none
   !important`. Правило убрано, чтобы следующий человек не правил фон здесь,
   не видел изменений и не искал причину полдня (аудит, пункт 43). */

/* ── Монограмма бренда в тёмной теме (п.5) ── */
html[data-theme="dark"] .pp-brand-ico.mono { background:hsla(var(--bh,210), 45%, 55%, .20); color:hsl(var(--bh,210), 70%, 74%); }