/* ==========================================================
   Scenic Iceland — 地图（Leaflet + OpenStreetMap）
   ========================================================== */

.sc-map {
  width: 100%;
  min-height: 380px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border);
  background: linear-gradient(180deg, #eef7fb, #dceff7);
  z-index: 0; /* 压在吸顶导航之下 */
}
.meet-map .sc-map { min-height: 280px; border: none; border-radius: 0; }

/* 按天分色的圆点标记 */
.sc-marker-dot {
  display: block;
  width: 18px; height: 18px;
  border-radius: 50%;
  border: 3px solid var(--color-white);
  box-shadow: 0 2px 8px rgba(15, 62, 84, 0.35);
}

/* Leaflet 默认的字号偏小、圆角偏方，对齐本站风格 */
.leaflet-container { font-family: var(--font); }
.leaflet-popup-content-wrapper {
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}
.leaflet-popup-content { font-size: 0.85rem; color: var(--color-text); margin: 0.6rem 0.9rem; }
.leaflet-control-attribution {
  font-size: 0.65rem;
  background: rgba(255, 255, 255, 0.85) !important;
}
.leaflet-bar a {
  color: var(--color-text);
  border-bottom-color: var(--color-border);
}

/* 图例的排版规则在 product-detail.css（来自设计稿），这里只补 map.js
   实际用到的第 4、5 天配色，并保证前三天与标记颜色完全一致。 */
.legend-dot.d1 { background: #4fb3d1; }
.legend-dot.d2 { background: #6ec04a; }
.legend-dot.d3 { background: #ffb547; }
.legend-dot.d4 { background: #b54e2e; }
.legend-dot.d5 { background: #2a7a96; }

/* 集合点地图是网格的一列，高度由兄弟列撑开。显式给下限，
   避免 Leaflet 在高度还是 0 的时候初始化。 */
.meet-map { min-height: 320px; }
.meet-map .sc-map { position: absolute; inset: 0; min-height: 0; }

/* base.css 把所有 svg 重置成了 display:block 且不带尺寸，Leaflet 署名里
   那个内联的小旗子因此退回到替换元素的默认 300×150，在地图上糊出一大块。
   这里把它按 Leaflet 原本的尺寸约束回去。 */
.leaflet-attribution-flag {
  display: inline-block !important;
  width: 1em;
  height: 0.6669em;
  vertical-align: baseline;
}
/* 地图控件里的其他内联 svg 同理，不能继承全局的 block 重置 */
.leaflet-container svg:not(.leaflet-zoom-animated) { max-width: none; }