/* I simboli restano semplici bottoni proiettati dal modello esistente. */
.spot-zoom,.water-point-zoom{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;padding:9px 12px;border:1px solid #8eab98;border-radius:4px;background:#e4eee1;color:#234e38;font:700 11px/1.25 'DM Sans',sans-serif;cursor:pointer}
.spot-zoom:hover,.water-point-zoom:hover{background:#d5e6d2}.spot-zoom:focus-visible,.water-point-zoom:focus-visible{outline:3px solid #638d6e;outline-offset:2px}.spot-zoom:disabled,.water-point-zoom:disabled{opacity:.5;cursor:not-allowed}
.map-marker,.water-map-marker,.water-course-marker,.irrigation-marker{touch-action:manipulation}
.map-marker svg{display:block;width:19px;height:19px;pointer-events:none}
.map-marker{min-width:33px;min-height:33px}
.map-marker[data-map-group="acqua"]:not(.active):not(:hover):not(:focus-visible),.map-marker[data-map-group="energia"]:not(.active):not(:hover):not(:focus-visible){background:#25525a}
.map-marker[data-map-group="grotte"]:not(.active):not(:hover):not(:focus-visible){background:#5c493e}
.map-marker[data-map-group="ponti"]:not(.active):not(:hover):not(:focus-visible),.map-marker[data-map-group="stazione"]:not(.active):not(:hover):not(:focus-visible){background:#46545c}
.map-marker.active::after{content:"";position:absolute;inset:-5px;border:1px solid #edf3db;border-radius:50%;pointer-events:none;animation:atlas-marker-halo 2.4s ease-out infinite}
@keyframes atlas-marker-halo{0%{transform:scale(.88);opacity:.8}85%,100%{transform:scale(1.5);opacity:0}}
#marker-layer[data-legend-filter="grotte"] .map-marker:not([data-map-group="grotte"]),
#marker-layer[data-legend-filter="acqua"] .map-marker:not([data-map-group="acqua"]),
#marker-layer[data-legend-filter="natura"] .map-marker:not([data-map-group="natura"]),
#marker-layer[data-legend-filter="borgo"] .map-marker:not([data-map-group="borgo"]),
#marker-layer[data-legend-filter="musei"] .map-marker:not([data-map-group="musei"]),
#marker-layer[data-legend-filter="ponti"] .map-marker:not([data-map-group="ponti"]),
#marker-layer[data-legend-filter="stazione"] .map-marker:not([data-map-group="stazione"]),
#marker-layer[data-legend-filter="energia"] .map-marker:not([data-map-group="energia"]){display:none}
.atlas-symbols{position:absolute;z-index:3;right:22px;top:57px;width:min(225px,calc(100% - 44px));color:#203c2f;background:#f7f8f0f2;border:1px solid #d8e2d1;border-radius:5px;box-shadow:0 5px 24px #10271f40;font-size:11px}
.atlas-symbols summary{list-style:none;cursor:pointer;font-weight:700;padding:10px 13px;color:#2b4a36}
.atlas-symbols summary::-webkit-details-marker{display:none}
.atlas-symbols summary::after{content:'+';float:right;font-size:16px;line-height:12px}
.atlas-symbols[open] summary::after{content:'−'}
.atlas-symbols summary:focus-visible,.atlas-symbol-option:focus-visible{outline:3px solid #638d6e;outline-offset:1px}
.atlas-symbols-panel{padding:0 9px 9px;max-height:min(340px,calc(100vh - 240px));overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8ea68b transparent}
.atlas-symbols-panel p{margin:2px 5px 8px;font-size:10px;line-height:1.45;color:#63786a}
.atlas-symbol-option{display:flex;align-items:center;gap:9px;border:0;border-radius:4px;width:100%;text-align:left;padding:7px;color:#314e3c;background:transparent;font-size:11px}
.atlas-symbol-option:hover,.atlas-symbol-option[aria-pressed="true"]{background:#dce9d9;color:#1c402c}
.atlas-symbol-tour{display:block;width:100%;border:0;border-radius:3px;background:#284d39;color:#f7f9f0;font-size:10px;font-weight:700;padding:9px;margin:9px 0 0;text-align:center}
.atlas-symbol-tour:hover{background:#3b664a}.atlas-symbol-tour:focus-visible{outline:3px solid #638d6e;outline-offset:1px}
.atlas-symbol-glyph{width:21px;height:21px;display:grid;place-items:center;flex:none;color:#40694b}
.atlas-symbol-glyph svg{width:19px;height:19px;display:block}
.atlas-symbols-panel .atlas-symbol-note{border-top:1px solid #dbe5d9;margin:7px 4px 2px;padding-top:8px;font-size:9px}
@media(max-width:700px){.atlas-symbols{right:14px;top:52px;width:min(215px,calc(100% - 28px))}.atlas-symbols-panel{max-height:min(340px,calc(100vh - 240px))}.map-marker svg{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.map-marker{transition:none}.map-marker.active::after{animation:none}}

/* Le icone condividono un punto rappresentativo: lo scarto è solo grafico. */
.map-marker[data-id="museo-sparch"],.map-marker[data-id="forra-campestrino"],.map-marker[data-id="centrale-storica-ferrovia"]{margin-left:36px}
.map-marker[data-map-group="musei"]:not(.active):not(:hover):not(:focus-visible){background:#72573f}
