/* ОРГАНЫ КАРТЫ — общие для каталога и страницы объявления (сведение
   2026-08-14). Подложка карты остаётся СВЕТЛОЙ боевой: тёмную CARTO
   примеряли и сняли — «слишком» (решение пользователя 2026-08-13). А
   вот кнопки поверх неё — наши, и на морде они уже были в цвет
   карточек, тогда как на странице объявления оставались белыми с
   чёрным значком: один и тот же зум выглядел двумя разными.

   Файл подключают оба шаблона; правится в одном месте. Цвета — из
   tokens.css, поэтому со сменой темы кнопки переоденутся сами. */

/* ---------- край органов ----------
   Кнопки и переключатель слоёв лежат НА КАРТЕ, а она пёстрая: где-то
   светлое море, где-то тёмный лес. Своей рамкой из палитры они
   обходиться не могут — на тёмной теме она светлая и на светлой карте
   пропадает, на светлой наоборот (замечание пользователя 2026-08-15:
   «переключение карта-спутник не очень видно»). Поэтому кайма у них
   серединного тона: читается на любой подложке в любой теме */
.leaflet-bar, .leaflet-control-layers, .map-pill {
  box-shadow: 0 0 0 1px rgba(105, 118, 135, .55),
              0 2px 8px rgba(17, 24, 39, .3); }
/* переключатель слоёв — кружки в цвет темы, а не системные синие */
.leaflet-control-layers input[type="radio"],
.leaflet-control-layers input[type="checkbox"] {
  accent-color: var(--green); }
.leaflet-control-layers label { color: var(--ink); }

.leaflet-bar a { background: var(--card13); color: var(--ink);
                 border-bottom-color: var(--line); }
.leaflet-bar a:hover { background: var(--soft); color: var(--teal13); }
.leaflet-bar a.leaflet-disabled { background: var(--card13);
                                  color: var(--muted); }
.leaflet-control-layers { background: var(--card13); color: var(--ink);
                          border: 1px solid var(--line); }
/* иконка слоёв — тёмный рисунок в png: на тёмной кнопке пропадал */
.leaflet-control-layers-toggle { filter: invert(.85); }
/* на светлых палитрах песочницы инверсия не нужна */
body.pal16 .leaflet-control-layers-toggle,
body.pal17 .leaflet-control-layers-toggle { filter: none; }
/* в светлой теме — тоже: рисунок и так тёмный на светлой кнопке */
:root[data-theme="light"] .leaflet-control-layers-toggle { filter: none; }

/* Масштабная линейка и копирайт лежат ПОВЕРХ светлых плиток — их
   собственные цвета правильные, и трогать их нельзя: тёмный текст на
   светлой карте читается, наш светлый — нет */