/* =========================================================
   MAP BASE STYLES
   ========================================================= */
.coc-map-wrapper path,
.coc-hover-map-slot path {
  fill: #e5e5e5;
  stroke: #ffffff;
  stroke-width: 1;
  transition: fill 0.3s ease;
}

/* Highlighted states */
path.is-active {
  fill: #f47721;
}

/* =========================================================
   CARD CONTAINER
   ========================================================= */
.coc-our-reach-front {
  position: relative;
}

/* =========================================================
   HOVER MAP SLOT
   ========================================================= */
.coc-hover-map-slot {
  position: absolute;
  bottom: calc(100% + 20px);
  left: 50%;
  transform: translateX(-50%);
  width: 480px;
  max-width: 95vw;
  background: #ffffff;
  padding: 14px;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
  z-index: 9999;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}

.coc-hover-map-slot.is-visible {
  opacity: 1;
  pointer-events: auto;
}

.coc-hover-map-slot svg {
  width: 100%;
  height: auto;
  max-height: 360px;
}

/* Hide base map */
.coc-map-wrapper.is-base-map {
  display: none;
}
.block-coc-map-charts {
  display: none !important;
}

/* Force state label size to 20px for all coc_map_charts maps to prevent overlaps */
.coc-hover-map-slot svg .state-label,
.coc-map-wrapper svg .state-label {
  font-size: 20px !important;
  line-height: 0.9 !important;
}