/* ==========================================================================
   mappe.css — mappe delle scuole e dei luoghi
   ========================================================================== */
.mappa-box{margin-top:18px}
.mappa{
  height:min(52vh,400px);min-height:300px;width:100%;
  border:1px solid var(--linea);border-radius:0;
  box-shadow:var(--ombra);background:#EDE7DA;
  overflow:hidden;margin-top:4px;z-index:1;
}
.mappa-box .leaflet-container{font-family:var(--sans);background:#EFE9DE}

/* pin: stessa forma della mappa grande di /scuole/mappa.html */
.mappa .pin,.mappa .pin-luogo,.mappa .pin-aereo{
  border:2px solid #fff;border-radius:0;color:#fff;
  font:700 12px/1 var(--sans);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 6px rgba(34,29,22,.35);
}
.mappa .pin{background:var(--terracotta,#BC5533);width:26px;height:26px;cursor:pointer}
.mappa .pin-luogo{background:var(--salvia,#5E7357);width:24px;height:24px;font-size:11px}
.mappa .pin-aereo{background:var(--cart-blu,#2C4B78);width:24px;height:24px}
.mappa .pin svg,.mappa .pin-luogo svg,.mappa .pin-aereo svg{width:13px;height:13px;display:block}

/* legenda */
.mappa-legenda{
  display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;
  margin-top:10px;font-size:12px;color:var(--secondario)
}
.mappa-legenda .lg{width:10px;height:10px;border-radius:0;display:inline-block;margin-right:5px;flex:0 0 10px}


.mappa-legenda .lg-s{background:var(--terracotta,#BC5533)}
.mappa-legenda .lg-l{background:var(--salvia,#5E7357)}
.mappa-legenda .lg-a{background:#2C4B78}
.mappa-aiuto{flex-basis:100%;font-size:11.5px;opacity:.85;margin-top:2px}

/* fumetti */
.mappa .leaflet-popup-content{margin:12px 14px;font-family:var(--sans);min-width:0;font-size:13.5px;line-height:1.5}
.mappa .leaflet-popup-content b{font-family:var(--serif);font-size:16px;display:block;margin-bottom:2px}
.mappa .leaflet-popup-content a{color:var(--terracotta);font-weight:600}
.mappa .pop-perche{display:block;color:var(--secondario);font-size:13px;line-height:1.5}
.mappa .leaflet-popup-content-wrapper{max-width:260px}
.mappa .leaflet-tooltip{min-width:170px;
  font-family:var(--sans);font-size:12.5px;line-height:1.45;max-width:240px;white-space:normal;
  background:var(--card,#fff);border:1px solid var(--linea);color:var(--inchiostro);
  box-shadow:0 6px 18px rgba(34,29,22,.2);border-radius:0;padding:8px 10px
}
.mappa .leaflet-tooltip b{display:block;font-family:var(--serif);font-size:13.5px;margin-bottom:2px}

/* come muoversi */
.mappa-muoversi{margin-top:14px;padding-top:12px;border-top:1px dashed var(--linea)}
.mappa-muoversi b{
  display:block;font-size:11px;letter-spacing:.8px;text-transform:uppercase;
  color:var(--inchiostro);margin-bottom:6px
}
.mappa-muoversi p{font-size:13.5px;line-height:1.6;color:var(--secondario);margin:0 0 6px}
.mappa-muoversi p:last-child{margin-bottom:0}

/* aeroporto consigliato */
.mappa-aereo{margin-top:12px;padding-top:10px;border-top:1px dashed var(--linea)}
.mappa-aereo b{display:block;font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--inchiostro);margin-bottom:5px}
.mappa-aereo p{font-size:13.5px;line-height:1.55;color:var(--secondario);margin:0}

@media(max-width:640px){
  .mappa{height:270px}
}

/* fumetto della scuola: nome più invito ad aprire la scheda */
.mappa .leaflet-tooltip.tip-scuola{min-width:0;max-width:230px;border-color:var(--terracotta)}
.mappa .leaflet-tooltip.tip-scuola b{color:var(--terracotta-scuro,#9E4527)}
.mappa .leaflet-tooltip.tip-scuola i{
  display:block;font-style:normal;font-size:11.5px;color:var(--secondario);margin-top:3px
}

/* scheda gite nei dintorni */
.pannello.gite{margin-top:18px}
.gite-intro{font-size:13.5px;color:var(--secondario);margin:0 0 10px}
.gite-lista{list-style:none;margin:0 0 12px;padding:0}
.gite-lista li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  padding:7px 0;border-bottom:1px dashed var(--linea)}
.gite-lista li:last-child{border-bottom:0}
.gite-lista a{color:var(--inchiostro);text-decoration:none;font-weight:600;font-size:14.5px}
.gite-lista a:hover{color:var(--terracotta)}
.gite-lista span{font-size:12.5px;color:var(--secondario);white-space:nowrap}
.gite-come{font-size:13.5px;line-height:1.6;color:var(--secondario);margin:0 0 6px}
.gite-nota{font-size:11.5px;color:var(--secondario);opacity:.8;margin:0}

/* badge per i cittadini UE */
.visto-ue{
  margin:12px 0 0;padding:11px 14px;
  background:var(--salvia-chiara,#EAF0E6);
  border-left:3px solid var(--salvia,#5E7357);
  border-radius:0;
  font-size:13.5px;line-height:1.55;color:var(--secondario);
}
.visto-ue b{color:var(--inchiostro);display:block;margin-bottom:2px;font-size:13px}

/* il timbro di verifica accanto al nome della scuola */
.titolo-riga{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:2px}
.titolo-riga h1{margin:0}
.titolo-riga .timbro{margin:0;flex:0 0 auto}
@media(max-width:520px){.titolo-riga{gap:8px}}

/* colonna recensioni nella tabella di confronto */
.conf-rec{white-space:nowrap;font-size:13.5px}
.conf-rec .cr-voto{font-weight:700;color:var(--inchiostro)}
.conf-rec .cr-stelle{color:var(--ambra);letter-spacing:.5px;font-size:12px}
.conf-rec .cr-conta{color:var(--secondario);font-size:12px}
.conf-rec.vuota{color:var(--secondario);opacity:.6}

/* nota sulle recensioni nel piede pagina */
.nota-recensioni{margin:18px 0 6px;padding:16px 18px;border:1px solid var(--linea);
  border-radius:var(--r-s);background:var(--card);font-size:12px;line-height:1.6;
  color:var(--secondario)}
.nota-recensioni b{color:var(--inchiostro);font-size:11px;letter-spacing:.8px;
  text-transform:uppercase;display:block;margin-bottom:8px}
.nota-recensioni p{margin:0 0 12px}
.nota-recensioni a.segnala{display:inline-block;font-size:12.5px;font-weight:600;
  color:var(--terracotta);text-decoration:none;border:1px solid var(--linea);
  border-radius:0;padding:7px 15px;background:var(--carta)}
.nota-recensioni a.segnala:hover{background:var(--terracotta);border-color:var(--terracotta);
  color:#fff}