/* Wspólny wygląd map Rynku: zakładka Rynek i analiza okolic Gdańska (wyniesione z rynek.css 2026-10-16).
   Zachowanie: static/js/components/rynek-mapa-wspolne.js. Tu tylko klasy mr-*, żadnych reguł na całą stronę
   (rynek.css ma regułę druku, która chowa wszystko poza raportem Rynku, więc inne strony go nie dołączają). */
.mr-mpzpleg{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:10px;font-size:var(--fs-xs);color:var(--ink-2)}
.mr-mpzpleg span{display:inline-flex;align-items:center;gap:5px}
.mr-mpzpleg i{width:12px;height:12px;border-radius:3px;border:1px solid rgba(0,0,0,.18);flex:none}
/* legenda-filtr warstwy rynku: przyciski wygladaja jak wpisy legendy, klik filtruje piny */
.mr-mpzpleg .mr-legtgl{display:inline-flex;align-items:center;gap:5px;font:inherit;color:inherit;background:none;border:0;padding:2px 4px;border-radius:8px;cursor:pointer}
.mr-mpzpleg .mr-legtgl:hover{text-decoration:underline}
.mr-mpzpleg .mr-legtgl:focus-visible{outline:2px solid var(--green-deep);outline-offset:2px}
.mr-mpzpleg .mr-legtgl[aria-pressed="true"]{font-weight:700;color:var(--ink)}
.mr-mpzpleg .mr-legtgl.off{opacity:.35}
/* Dymek danych przy najechaniu na pin/strefę (hover): tytuł pogrubiony + jedna szeroka linia szczegółów. */
.leaflet-tooltip.mr-maptip{white-space:normal;width:max-content;max-width:340px;font-size:var(--fs-sm);line-height:1.45;padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:var(--paper);color:var(--ink);box-shadow:0 4px 16px rgba(10,31,21,.14);font-weight:400}
.leaflet-tooltip.mr-maptip .mr-tiptitle{display:block;font-weight:700;color:var(--ink);margin-bottom:2px}
.leaflet-tooltip.mr-maptip .mr-tipdetail{display:block;color:var(--ink-2)}
[data-theme="dark"] .leaflet-tooltip.mr-maptip{box-shadow:0 6px 20px rgba(0,0,0,.5)}
.mr-maptip.leaflet-tooltip-top::before{border-top-color:var(--paper)}
.mr-maptip.leaflet-tooltip-bottom::before{border-bottom-color:var(--paper)}
.mr-maptip.leaflet-tooltip-left::before{border-left-color:var(--paper)}
.mr-maptip.leaflet-tooltip-right::before{border-right-color:var(--paper)}
/* KLUCZOWE: klasa .mr-mpzpleg ma display:flex, który nadpisuje [hidden] z UA. Wymuszamy ukrycie. */
.mr-mpzpleg[hidden]{display:none}
/* Podpowiedź „Przytrzymaj Ctrl” na mapie, gdy ktoś kręci kółkiem bez Ctrl (przyblizanieCtrl). */
.mr-ctrlzoom{position:absolute;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;text-align:center;font-size:var(--fs-md);font-weight:600;color:#fff;background:rgba(10,31,21,.65);opacity:0;pointer-events:none;transition:opacity .2s ease}
.mr-ctrlzoom--on{opacity:1}
@media (prefers-reduced-motion: reduce){.mr-ctrlzoom{transition:none}}