/* Modal wrapper */
.haldu-vacmap-modal{
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: none;

  /* perfect centreren */
  align-items: center;
  justify-content: center;

  /* ademruimte rondom panel */
  padding: 18px;

  /* zodat scroll binnen panel kan als nodig */
  overflow: auto;
}
.haldu-vacmap-modal.is-open{ display: flex; }

/* Backdrop + blur */
.haldu-vacmap-backdrop{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.35);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
}

/* Dialog/panel */
.haldu-vacmap-dialog{
  position: relative;
  width: min(1360px, 100%);
  height: min(70vh, 760px);

  /* extra safety: nooit hoger dan viewport minus padding */
  max-height: calc(100vh - 36px);

  border-radius: 14px;
  overflow: hidden;
  background: #f3f3f3;
  box-shadow: none;
  z-index: 1;
}

/* Close button */
.haldu-vacmap-close{
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;

  border: 0;
  border-radius: 10px;
  padding: 8px 10px;
  cursor: pointer;

  background: rgba(255,255,255,.95);
  font-weight: 800;
  line-height: 1;
}

.haldu-vacmap-close:hover{
  background: rgba(255,255,255,1);
}

/* Map canvas + status */
.haldu-vacmap-canvas{
  width: 100%;
  height: 100%;
  min-height: 420px;
}

/* Status badge */
.haldu-vacmap-status{
  position: absolute;
  left: 12px;
  bottom: 56px;
  z-index: 3;

  font-size: 13px;
  padding: 6px 10px;
  border-radius: 10px;
  background: rgba(255,255,255,.92);

  /* status mag geen klik-issues op de map geven */
  pointer-events: none;
}

/* Mobile */
@media (max-width: 600px){
  .haldu-vacmap-modal{
    padding: 12px;
  }

  .haldu-vacmap-dialog{
    width: 100%;
    height: 80vh;
    max-height: calc(100vh - 24px);
    border-radius: 12px;
  }

  .haldu-vacmap-canvas{
    min-height: 0;
  }
}
/* Status-label volledig uitschakelen */
.haldu-vacmap-status {
  display: none !important;
}