/* Dialog Group websiteconcept v40
   Contact map geometry correction only. Functional behaviour remains unchanged. */

body.v40-site .office-map-stage-v36 {
  /* Exactly matches the SVG viewBox ratio (760 / 452), preventing crop and marker drift. */
  aspect-ratio: 760 / 452;
  min-height: 0;
  overflow: hidden;
  background: #F7FAFD;
}

body.v40-site .office-map-base-v36 {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

body.v40-site .office-points-v36 {
  inset: 0;
}

/* Marker click targets stay 44x44px, while the visible dot remains compact. */
body.v40-site .office-point-v36 {
  width: 44px;
  height: 44px;
}

body.v40-site .office-point-v36::before {
  width: 14px;
  height: 14px;
  border-width: 3px;
}

body.v40-site .office-point-v36::after {
  width: 26px;
  height: 26px;
}

body.v40-site .office-point-v36.is-active::before {
  width: 20px;
  height: 20px;
}

body.v40-site .office-point-v36.is-active::after {
  width: 40px;
  height: 40px;
}

/* The old Benelux leader lines are no longer needed because markers align to the map itself. */
body.v40-site .office-point-leader-v39 {
  display: none;
}

@media (max-width: 980px) {
  body.v40-site .office-map-stage-v36 {
    aspect-ratio: 760 / 452;
  }
}

@media (max-width: 560px) {
  body.v40-site .office-map-stage-v36 {
    aspect-ratio: 760 / 452;
    border-radius: 22px;
  }
}

@media (forced-colors: active) {
  body.v40-site .office-point-v36::before,
  body.v40-site .office-point-v36::after {
    forced-color-adjust: auto;
  }
}


/* v40 map refinement: true projected country proportions and separated labels/markers */
.office-map-stage-v36 { aspect-ratio: 1000 / 650 !important; }
.office-map-base-v36 { width:100% !important; height:100% !important; object-fit:contain !important; }
.office-point-v36::before { width:12px; height:12px; }
.office-point-v36.is-active::before { width:18px; height:18px; }

/* Inspiration dropdown without the former left introduction panel */
#menu-inspiratie .insights-menu-layout { grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; }
#menu-inspiratie .insights-menu-groups { width:100%; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(24px, 3vw, 40px); }
@media (max-width:1080px){ #menu-inspiratie .insights-menu-groups { grid-template-columns:1fr; } }