/* Styling voor de waypoint bolletjes in de grafiek */
.wpt-circle {
  pointer-events: all;
  cursor: pointer;
}

/* Styling voor de tekstlabels boven de bolletjes */
.wpt-label {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  fill: #333;
  paint-order: stroke;
  stroke: #ffffff;
  stroke-width: 3px;
  pointer-events: none;
  /* Zorgt dat de muis de grafiek eronder nog voelt */
}

/* De achtergrond van de grafiek een kruisje geven voor precisie-klikken */
#elevation-div svg {
  cursor: crosshair;
}

/* Optioneel: laat zien dat de grafiek-achtergrond interactief is */
.background {
  cursor: crosshair;
  /* Toont een kruisje voor precisie */
}
/* toegevoeg 2-4-26 */
/* toegevoegd op 2 april 26 */
/**/
.elevation-grid {
    stroke: #990000;
    stroke-opacity: 0.5;
    stroke-width: 1px;
    shape-rendering: crispEdges;
    pointer-events: none;
}
.v-grid {
    stroke-dasharray: 2, 2; /* Verticale lijnen gestippeld */
}
.area {
    fill-opacity: 1.0; /* Maakt raster zichtbaar door de grafiek heen */
}