/* Dialog Group website concept v37
   Clearer, geographically recognisable European office map.
   The office selector structure and behaviour remain unchanged. */

body.v37-site .office-map-stage-v36 {
  min-height: 0;
  aspect-ratio: 720 / 565;
  overflow: hidden;
  border-color: rgba(0, 74, 151, 0.18);
  background: #F5F7FA;
}

body.v37-site .office-map-base-v36 {
  object-fit: contain;
  object-position: center;
}

body.v37-site .office-point-v36 {
  z-index: 1;
}

body.v37-site .office-point-v36.is-active {
  z-index: 2;
}

@media (max-width: 980px) {
  body.v37-site .office-map-pane-v36 {
    width: 100%;
    max-width: 560px;
    margin-inline: auto;
  }

  body.v37-site .office-map-stage-v36 {
    min-height: 0;
    max-height: none;
  }
}

@media (max-width: 560px) {
  body.v37-site .office-map-pane-v36 {
    max-width: 100%;
  }

  body.v37-site .office-map-stage-v36 {
    min-height: 0;
    border-radius: 22px;
  }
}

/* Polished map pins: mint dot on the navy active countries, white city label */
body.v37-site .office-map-stage-v36 { background: #E4EFFB; }
body.v37-site .office-point-v36::before {
  width: 14px; height: 14px; border: 2.5px solid #FFFFFF; background: #87FFC7;
  box-shadow: 0 2px 8px rgba(0, 20, 60, 0.45);
}
body.v37-site .office-point-v36::after {
  width: auto; height: auto; left: calc(50% + 12px); top: 50%; transform: translateY(-50%);
  border: 0; border-radius: 0; background: none; color: #FFFFFF;
  font-size: 0.8rem; font-weight: 700; white-space: nowrap; letter-spacing: 0.01em;
  text-shadow: 0 1px 3px rgba(0, 20, 60, 0.6); pointer-events: none;
}
body.v37-site .office-point-v36.is-active::before { width: 20px; height: 20px; border-color: #FFFFFF; background: #87FFC7; box-shadow: 0 0 0 5px rgba(135, 255, 199, 0.35), 0 2px 8px rgba(0, 20, 60, 0.45); }
body.v37-site .office-point-v36.is-active::after { width: auto; height: auto; border: 0; background: none; }
body.v37-site .office-point-v36:hover::before { background: #FFFFFF; }
body.v37-site .office-point-v36--bunnik::after { content: "Bunnik"; }
body.v37-site .office-point-v36--mechelen::after { content: "Mechelen"; }
body.v37-site .office-point-v36--marburg::after { content: "Marburg"; }
body.v37-site .office-point-v36--monza::after { content: "Monza"; }
body.v37-site .office-point-v36--prague::after { content: "Praag"; }
html[lang^="en"] body.v37-site .office-point-v36--prague::after, html[lang^="fr"] body.v37-site .office-point-v36--prague::after { content: "Prague"; }
html[lang^="de"] body.v37-site .office-point-v36--prague::after { content: "Prag"; }
html[lang^="cs"] body.v37-site .office-point-v36--prague::after { content: "Praha"; }
html[lang^="it"] body.v37-site .office-point-v36--prague::after { content: "Praga"; }
body.v37-site .office-point-v36--mechelen::after { left: auto; right: calc(50% + 12px); }
body.v37-site .office-point-v36--mechelen::after { right: auto; left: 50%; top: calc(50% + 16px); transform: translateX(-50%); }