#public-map .grave-hover-popup {
  pointer-events: none;
}

#public-map .grave-hover-popup .maplibregl-popup-content {
  min-width: 190px;
  padding: 12px 14px;
  border: 1px solid #c9d4dc;
  border-top: 3px solid #b38d46;
  border-radius: 10px;
  background: #fff;
  color: #0b3556;
  box-shadow: 0 8px 20px rgba(11, 53, 86, 0.14);
}

#public-map .grave-hover-popup.maplibregl-popup-anchor-bottom .maplibregl-popup-tip {
  border-top-color: #fff;
}

#public-map .grave-hover-popup.maplibregl-popup-anchor-top .maplibregl-popup-tip {
  border-bottom-color: #fff;
}

#public-map .grave-hover-popup.leaflet-tooltip {
  min-width: 190px;
  padding: 12px 14px;
  border: 1px solid #c9d4dc;
  border-top: 3px solid #b38d46;
  border-radius: 10px;
  background: #fff;
  color: #0b3556;
  box-shadow: 0 8px 20px rgba(11, 53, 86, 0.14);
}

#public-map .grave-hover-popup.leaflet-tooltip-top:before {
  border-top-color: #fff;
}

.grave-hover-card {
  display: grid;
  gap: 9px;
}

.grave-hover-card div {
  display: grid;
  gap: 2px;
}

.grave-hover-card div + div {
  padding-top: 8px;
  border-top: 1px solid #dbe3e8;
}

.grave-hover-card strong {
  font: 700 15px/1.25 Arial, sans-serif;
}

.grave-hover-card span,
.grave-hover-card small {
  color: #657585;
  font: 400 13px/1.35 Arial, sans-serif;
}

.grave-hover-card small {
  padding-top: 2px;
}

@media (max-width: 900px), (hover: none), (pointer: coarse) {
  #public-map .grave-hover-popup {
    display: none;
  }
}