/* Basisreset en achtergrond */
body {
    margin: 0;
    background-color: #f8f9fa;
  }
  
  /* De kaartcontainer krijgt de border-radius; de hoogte wordt nu geregeld via Tailwind-klassen in je HTML (bv. h-80 of h-[500px]) */
  #interactive-map {
    border-radius: 8px;
  }
  
  /* Standaard styling voor de Leaflet.Photo plugin (voor debugging) */
  .leaflet-photo img {
    width: auto !important;
    height: auto !important;
    max-width: 100px;
    max-height: 100px;
    border: 2px solid red; /* Dit kun je later verwijderen als alles goed werkt */
  }
  
  /* Je media query voor .form-section kun je ook verwijderen als je volledig op Tailwind vertrouwt */
  .updated {
    animation: highlight 1s ease-out;
  }
  
  @keyframes highlight {
    0% {
      background-color: #ffff99; /* licht geel als highlight-kleur */
    }
    100% {
      background-color: transparent;
    }
  }