/* Flat-map presentation only. The existing globe view and controller are untouched. */
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) {
  position: relative;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.contact-map-art .delty-map-dashboard:not([data-view="globe"])::before { display: none; }
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-dashboard-head {
  position: absolute;
  z-index: 7;
  top: 0;
  right: 0;
  display: block;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-dashboard-head > div:first-child { display: none; }
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-view-switch {
  border-color: rgba(215, 195, 147, .16);
  background: rgba(16, 18, 19, .8);
}
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-stage {
  aspect-ratio: 1000 / 570;
  overflow: hidden;
  border: 0;
  background: transparent;
  isolation: isolate;
}
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-stage::before {
  content: "";
  position: absolute;
  inset: 15% 2% 8%;
  z-index: -1;
  background: radial-gradient(ellipse at 50% 33%, rgba(196, 161, 87, .055), transparent 65%);
  pointer-events: none;
}
/* Exact aspect ratio: geographic artwork, routes and hit targets share one plane.
   Do not override transform here: zoom/pan is owned by the existing controller. */
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-canvas {
  inset: 48px 0 auto;
  height: auto;
  aspect-ratio: 1000 / 507;
  translate: none;
}
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .world-country-map,
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-route-overlay {
  inset: 5%;
  width: 90%;
  height: 90%;
  min-height: 0;
  transform: none;
}
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .world-country-map {
  opacity: 1;
  filter: drop-shadow(0 12px 12px rgba(0, 0, 0, .22));
  object-fit: contain;
  pointer-events: none;
}
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .delivery-connections { opacity: 1; stroke-width: .85; }
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .delivery-connections path { opacity: .5; transition: opacity .2s ease, stroke-width .2s ease; }
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .route-city-points circle { opacity: .9; }
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .route-city-labels text {
  fill: #c2c8c6;
  font-size: 13px;
  font-weight: 500;
  stroke: #101213;
  stroke-width: 2.2px;
}
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-canvas:has(.map-city-hitareas :is(:hover, :focus-visible)) .delivery-connections path { opacity: .18; }
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-canvas:has([data-city="New York"]:is(:hover, :focus-visible)) .delivery-connections path:nth-child(1),
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-canvas:has([data-city="São Paulo"]:is(:hover, :focus-visible)) .delivery-connections path:nth-child(2),
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-canvas:has([data-city="Johannesburg"]:is(:hover, :focus-visible)) .delivery-connections path:nth-child(3),
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-canvas:has([data-city="Dubai"]:is(:hover, :focus-visible)) .delivery-connections path:nth-child(4),
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-canvas:has([data-city="Singapore"]:is(:hover, :focus-visible)) .delivery-connections path:nth-child(5),
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-canvas:has([data-city="Sydney"]:is(:hover, :focus-visible)) .delivery-connections path:nth-child(6) {
  opacity: 1;
  stroke-width: 1.3px;
}
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-london-hotspot { left: 49.9685%; top: 25.78876%; }
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .delivery-london-label { color: #e5c57f; }
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-zoom-controls {
  right: 20px;
  top: calc(50% - 44px);
  bottom: auto;
  border-color: rgba(215, 195, 147, .16);
}
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-zoom-controls button { background: #111415; }
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-zoom-controls button:hover { background: #20221f; }
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-city-hitareas circle:focus-visible {
  outline: none;
  stroke: #edd39a;
  stroke-width: 1.5px;
  fill: rgba(217, 185, 109, .15);
}
/* Pointer-out must not conceal the location still being read by keyboard. */
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-canvas:has(.map-city-hitareas :focus-visible) .map-city-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .delivery-map-foot {
  padding: 16px 0 0;
  border: 0;
  background: transparent;
}
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) .delivery-office { display: none; }
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) #global-delivery-note {
  max-width: 650px;
  color: #b1b3ad;
  font-size: 12px;
}
.contact-map-art .delty-map-dashboard:not([data-view="globe"]) #global-delivery-note span { margin-top: 5px; font-size: 11px; }
@media (max-width: 800px) {
  .contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-stage { aspect-ratio: 1000 / 620; }
  .contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-view-switch button { min-height: 44px; }
}
@media (max-width: 600px) {
  .contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-stage { aspect-ratio: auto; height: 300px; }
  .contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-canvas { top: 72px; }
  .contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-zoom-controls { top: auto; bottom: 0; right: 0; }
  .contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-zoom-controls button { width: 44px; height: 44px; }
  .contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-hq-card { top: 74px; }
  .contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-city-hitareas circle { r: 36px; }
  .contact-map-art .delty-map-dashboard:not([data-view="globe"]) .delivery-map-foot { padding-top: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .contact-map-art .delty-map-dashboard:not([data-view="globe"]) .map-canvas { transition: none; }
  .contact-map-art .delty-map-dashboard:not([data-view="globe"]) .delivery-connections path { transition: none; }
}