/* Modal map size */
#cfHomeMap {
  height: auto;
  width: 100%;
  border-radius: 14px;
  overflow: hidden;
  background: #eee;
}

/* toolbar inside modal */
.cf-geo-toolbar{
  display:flex;
  align-items:center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.cf-geo-km{
  display:flex;
  align-items:center;
  gap: 10px;
  flex: 1 1 260px;
}

.cf-geo-km input[type="range"]{
  flex: 1;
}

/* se non hai data-cf-geo-pill, il JS mette questa classe sul bottone */
.cf-has-geo{
  position: relative;
}
.cf-has-geo::after{
  content:"";
  position:absolute;
  top:6px;
  right:8px;
  width:10px;
  height:10px;
  border-radius:999px;
  background: #7a1717;
  box-shadow: 0 0 0 3px rgba(122,23,23,.18);
}


/* rircerca su mappa in popup */
.cf-geo-search{
  min-width: 260px;
  position: relative;
}

.cf-geo-suggest{
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(0,0,0,.12);
  overflow: hidden;
  z-index: 50;
}

.cf-geo-suggest button{
  width: 100%;
  text-align: left;
  border: 0;
  background: transparent;
  padding: 10px 12px;
  font-size: 13px;
}

.cf-geo-suggest button:hover{
  background: rgba(0,0,0,.04);
}

/* Per sposta vertici del poligono */
.cf-geo-vertex {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #0d6efd;      /* blu bootstrap */
  border: 2px solid #fff;
  box-shadow: 0 1px 6px rgba(0,0,0,.35);
}

/* Per sposta centro cerchio raggion kmetrico */
.cf-geo-center {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #dc3545;      /* rosso bootstrap */
  border: 2px solid #fff;
  box-shadow: 0 1px 6px rgba(0,0,0,.35);
}