/* svg-map-shim 的结构性样式：只负责「让东西能定位、能点」，配色/字号等全部继承
   styles.css 里已有的 token 和 .maplibregl-popup-* 规则（Popup 复用同一套 class 名）。
   这些规则替代的是原来由 vendor/maplibre-gl-6.9.0/maplibre-gl.css 提供的等价基础布局。 */

.svg-map-container {
  overflow: hidden;
  touch-action: none; /* 手势（拖拽/双指缩放）完全交给 shim 自己的 pointer 事件处理，不能让浏览器抢走 */
  cursor: grab;
}
.svg-map-background {
  position: absolute;
  inset: 0;
}
.svg-map-canvas {
  position: absolute;
  inset: 0;
  display: block;
}
.svg-map-layer-symbol text {
  user-select: none;
}
/* fill="none" 的不可见命中圆（station-hit）默认不参与 SVG 的 pointer 命中测试，
   必须显式打开，否则 hover/click 完全失效。 */
.svg-map-hit {
  pointer-events: all;
}

/* 下面这部分是原 maplibre-gl.css 里 Popup 的基础定位/形状规则（颜色部分已经在
   styles.css 里通过同名 class 复用了，这里只补结构，不重复定义颜色）。 */
.maplibregl-popup {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: none;
  z-index: 70;
}
.maplibregl-popup-content {
  position: relative;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  padding: 15px 10px;
  pointer-events: auto;
}
.maplibregl-popup-tip {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom: none;
  border-top-color: #fff;
  margin-top: -1px;
}