/* Home · Mappa dello studio dentro Contatti (components/home/map.inc.php), sopra lo stile di vendor/leaflet */

.mappa { position: relative; margin: 0; }
.mappa__area { height: clamp(22rem, 40vw, 30rem); background: var(--blu-alto); border: 1px solid var(--filo-blu); }
.mappa__area .leaflet-tile-pane { filter: grayscale(1) contrast(.9) brightness(.92) sepia(.25) hue-rotate(178deg) saturate(1.6); }
.mappa figcaption { margin-top: 1rem; }
.leaflet-container { font-family: var(--f) !important; background: var(--blu-alto) !important; }
.leaflet-popup-content-wrapper, .leaflet-popup-tip { background: var(--blu) !important; color: var(--bianco) !important; border-radius: 0 !important; box-shadow: 0 14px 30px -12px rgba(0, 0, 0, .6) !important; }
.leaflet-popup-content { margin: .9rem 1.1rem !important; font-size: .9375rem !important; line-height: 1.45 !important; }
.leaflet-popup-content b { display: block; font-stretch: 110%; }
.leaflet-popup-content a { color: var(--menta) !important; }
.leaflet-container a.leaflet-popup-close-button { color: var(--su-blu-2) !important; }
.leaflet-bar a { background: var(--blu) !important; color: var(--bianco) !important; border-color: var(--filo-blu) !important; border-radius: 0 !important; }
.leaflet-bar { border-radius: 0 !important; border: 1px solid var(--filo-blu) !important; }
.leaflet-control-attribution { background: rgba(0, 26, 68, .8) !important; color: var(--su-blu-2) !important; }
.leaflet-control-attribution a { color: var(--su-blu-2) !important; }
.segnaposto-mappa { height: 100%; display: grid; place-items: center; text-align: center; padding: 2rem; color: var(--su-blu-2); }

/* Arrivo della linea sullo studio */
.mappa__area.toccata .leaflet-marker-icon span { animation: arrivo 1.2s var(--esce) 1; }
@keyframes arrivo { 0% { transform: scale(1); } 40% { transform: scale(1.8); } 100% { transform: scale(1); } }