#chartdiv {
  width: 100%;
  height: 600px;
  cursor: pointer !important;
  position: relative;
  z-index: 1;
}

/* Stacked orthographic maps: back = antipodal view (dim), front = interaction */
#chartdiv .cw-globe-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* Parent `pointer-events: none` does not stop SVG/canvas children from receiving hits;
   those hits were stealing drag from the front chart (back map has panBehavior none). */
#chartdiv .cw-globe-layer--back,
#chartdiv .cw-globe-layer--back * {
  pointer-events: none !important;
}

#chartdiv .cw-globe-layer--back {
  z-index: 0;
  /* Flip E–W so the rear hemisphere’s rim motion matches the front (same rigid spin). */
  transform: scaleX(-1);
  transform-origin: center center;
}

#chartdiv .cw-globe-layer--front {
  z-index: 1;
  pointer-events: auto;
  /* Allow vertical page scroll while still receiving pointer events for horizontal drag. */
  touch-action: pan-y;
}

.wt_amGlobe_wrap {
  padding: 100px 0;
  background: rgb(162, 44, 255);
  background: linear-gradient(50deg, rgba(162, 44, 255, 1) 0%, rgba(87, 25, 154, 1) 13%, rgba(27, 9, 73, 1) 28%, rgba(15, 6, 57, 1) 100%);
}

/* Figma Datacenter Snippet (7958-20691): 252px width, 13.5px inset, Poppins, 40px logo boxes */
.amGlb_toolTip_wrap {
  width: max-content;
  min-height: 116px;
  padding: 5.5px 13.5px 14px 13.5px;
  border: 0.5px solid rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
  overflow: hidden;
}

/* Desktop/P2/Medium: 16px, weight 500, line-height 1.5, letter-spacing -0.16px */
.amGlb_toolTip_location {
  margin: 0 0 0 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.16px;
  color: #fff;
}

/* Desktop/Small/Regular: 14px, weight 400, line-height 22px */
.amGlb_toolTip_region {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0;
  color: #fff;
}

.amGlb_toolTip_logos {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

/* 40x40, 8px radius; first logo Neutrals/10 #DFE1E6, rest white */
.amGlb_toolTip_logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 0.5px solid #fff;
  border-radius: 8px;
  overflow: hidden;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.amGlb_toolTip_logo:first-child {
  border-color: #dfe1e6;
}

.amGlb_toolTip_logo:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.6);
}

.amGlb_toolTip_logo:first-child:hover {
  border-color: rgba(255, 255, 255, 0.6);
}

/* Figma: logo inner ~17.143px */
.amGlb_toolTip_logo img {
  width: 17px;
  height: 17px;
  object-fit: contain;
}

.amGlb_toolTip_logo img[alt="AWS"] {
  width: 24px;
  height: 24px;
}

/* --- Datacenter dots: glow effect via radial gradient + subtle outer bloom --- */
#chartdiv .amGlb-datacenter-dot path {
  filter:
    drop-shadow(0 0 3px rgba(200, 190, 255, 0.9))
    drop-shadow(0 0 8px rgba(168, 156, 255, 0.6));
}