.sidebar-sticky {
  position: sticky;
  top: 72px;
  align-self: flex-start;
  height: fit-content;
}

@media (max-width: 768px) {
  .sidebar-sticky {
    position: static;
    top: auto;
  }
}

.meta-line{
  display:flex;
  align-items:flex-start;
  gap:8px;
}

.meta-label{
  flex: 0 0 140px;   
  max-width: 140px;
}

.meta-value{
  flex: 1 1 auto;
  min-width: 0;                 /* belangrijk voor de wrapping!!!! */
  white-space: normal;
  overflow-wrap: anywhere;      
  word-break: break-word;
}

.result-card {
  transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease;
}

.result-card:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
  border-color: #228be6; 
}

.result-card-title {
  transition: color 120ms ease;
}

.result-card:hover .result-card-title {
  color: #00577d !important; 
}

.leaflet-tooltip.overt-tooltip{
  white-space: normal !important;

  width: 360px;                     
  max-width: calc(100vw - 40px);    
  min-width: 260px;                

  overflow-wrap: break-word;        
  word-break: normal;
  hyphens: auto;
}