/* Мапа підсайту на Leaflet (js/common.js): сірі плитки — як mapStyle теми для Google Maps; мітки точок маршруту — як на
   mixsport.pro (крапля з білим кружком і номером), кольори теми (#333333, #FCBC10) */
#map.leaflet-container { background: #e9e9e9; font-family: "Roboto", sans-serif; }
/* Шари Leaflet мають z-index 400–1000 — мапа тримає їх у собі (свій контекст накладання), інакше вони вилазять
   поверх шапки, меню й вікон сайту (у Google Maps шари були всередині мапи) */
.leaflet-container { z-index: 0; isolation: isolate; }
#map .leaflet-tile-pane { filter: grayscale(1) contrast(.92) brightness(1.04); }
/* Темна мапа (стиль старої теми, MapLibre): без фільтра плиток, тло як земля */
#map.map-dark { background: #333333; }
#map.map-dark .leaflet-tile-pane { filter: none; }
.km-marker { background: none; border: 0; }
.km-pin { position: relative; width: 38px; height: 48px; transform-origin: 50% 100%; transition: transform .15s ease-out; filter: drop-shadow(0 3px 4px rgba(20, 21, 25, .35)); }
.km-pin .drop { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; }  /* у теми свій .drop (меню) з z-index 200 */
.km-pin .drop path { fill: #333333; stroke: #fff; stroke-width: 2px; }
.km-pin span { position: absolute; z-index: 1; top: 6px; left: 6px; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #FCBC10; color: #333333; font: 700 12px/26px "Roboto", sans-serif; }
.km-marker:hover .km-pin { transform: scale(1.12); }