#mymap {
	width: 100%;
	height: 300px;
}

.com-content-article #mymap {
	height: 80vh;
	margin: 4px;
}

#mymap,
#mymap canvas {
  background-color: #f3fcfa; /* lo stesso colore del body */
}

#mylegend, .maplibregl-legend-list {
	height: 80vh;
}
/* ---- tooltip al passaggio (usava già .caimap) ---- */
.maplibregl-popup.caimap {
  background: none;
  border: none;
  box-shadow: none;
}
.maplibregl-popup.caimap .maplibregl-popup-tip {
  display: none;
}
.maplibregl-popup.caimap .maplibregl-popup-content {
  /* il tuo stile originale CAI (copiato) */
  background-color: #FFFFFF;
  background-clip: content-box;
  box-shadow: inset 11px 0 0 0 #D52B3B, inset -11px 0 0 0 #D52B3B;
  font-weight: bold;
  border: 1px solid #000000;
  padding: 0px 10px 0px 10px;
  min-width: 46px;
  text-align: center;
  border-radius: 0 !important;
}

/* ---- Popup di click (scheda sentiero) ---- */
.maplibregl-popup.sentiero-popup {
  background: none;
  border: none;
  box-shadow: none;
}

.maplibregl-popup.sentiero-popup .maplibregl-popup-tip {
  /* freccia in stile MapLibre (bianca, come il contenuto) */
  border-top-color: #fff;
  border-bottom-color: #fff;
  border-left-color: #fff;
  border-right-color: #fff;
}

.maplibregl-popup.sentiero-popup .maplibregl-popup-content {
  background-color: #fff;
  border-radius: 6px;
  padding: 8px 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  min-width: 160px;
}

/* --- stile interno della scheda, identico al vecchio --- */
.fa {
  font-size: 18px !important;
  padding-top: 5px !important;
}

.scheda {
  margin-top: 5px;
}

.scheda a {
  color: #ffffff !important;
  text-shadow: 0 1px 0 #555555;
  background-color: #57a480;
  border-radius: 5px;
  padding: 8px 5px 5px 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  vertical-align: middle;
}

.scheda a:hover {
  background-color: #3c7259;
  text-decoration: none;
}

a.icon-scheda:before {
  content: "\f0f6";
}

.nomesent {
  font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
  font-size: 13.2px;
  font-weight: bold;
  color: #12834E;
}

.numerosent {
  font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
  font-weight: bold;
  color: #D52B3B;
}