/* ===== 分布图 · distribution maps =====
   Used on the checklist pages (/list/, /en/list/, /es/list/), on every species
   page, and on the /family/, /subfamily/, /genus/ hub pages: each family /
   subfamily / genus / species block carries one Leaflet map.
   Leaflet itself comes from assets/vendor/leaflet/leaflet.css; this file styles
   the inline blocks, the lazy map containers, the legend and the method note.
   Token names (--card, --line, --accent, …) come from assets/custom.css. */

/* 内嵌地图块：科 / 亚科 / 属标题下方的一张图 */
.distribution-inline{
  margin:1.1em 0 1.6em;
  padding:12px 12px 10px;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow-sm);
}
.distribution-inline-genus{
  margin:.9em 0 1.4em;
  background:var(--accent-softer);
}

/* 地图容器：未进入视口时只是一个占位块，不会请求任何瓦片。
   窗口刻意做大：1° 网格点在更大的画布上更容易分辨采样格局。 */
.distribution-map{
  position:relative;
  height:460px;
  border:1px solid var(--line-soft);
  border-radius:var(--radius-sm);
  background:var(--accent-softer);
  overflow:hidden;
  color:var(--muted);
  font-size:13px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.distribution-inline-family .distribution-map{height:520px}
.distribution-inline-subfamily .distribution-map{height:480px}
.distribution-inline-genus .distribution-map{height:420px}
.distribution-map-species{height:480px}
.distribution-map.is-ready,
.distribution-map.is-empty{
  display:block;
  color:inherit;
  font-size:inherit;
}
.distribution-map-empty{
  margin:0;
  padding:18px;
  text-align:center;
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
}
.distribution-meta{
  margin:9px 2px 0;
  font-size:13px;
  line-height:1.6;
  color:var(--muted);
}
.distribution-meta b{
  color:var(--ink);
  font-variant-numeric:tabular-nums;
}
.distribution-meta a{
  color:var(--accent);
  text-decoration:none;
}
.distribution-meta a:hover{text-decoration:underline}
.distribution-scope{
  display:inline-block;
  padding:1px 7px;
  border-radius:999px;
  background:var(--accent-soft);
  color:var(--accent-strong);
  font-size:12px;
  white-space:nowrap;
}

/* 图例（Leaflet 控件内的一个小盒子） */
.map-legend{
  background:rgba(255,255,255,.94);
  color:#22302a;
  border:1px solid #cbd3cc;
  border-radius:8px;
  padding:7px 9px;
  font-size:11px;
  line-height:1.3;
  box-shadow:0 1px 4px rgba(0,0,0,.16);
  max-width:150px;
}
.map-legend-title{
  display:block;
  font-weight:700;
  margin-bottom:5px;
  letter-spacing:.2px;
}
.map-legend-row{
  display:flex;
  align-items:center;
  gap:6px;
  margin:2px 0;
}
.map-legend-dot{
  display:inline-block;
  flex:0 0 auto;
  border-radius:50%;
  background:#2f6b4f;
  border:1px solid #1f4d38;
}
.map-legend-label{
  font-variant-numeric:tabular-nums;
}

/* Leaflet 与站点风格的衔接 */
.distribution-map .leaflet-container{
  font-family:var(--font-sans);
  background:#dfe7dd;
  border-radius:var(--radius-sm);
}
.distribution-map .leaflet-control-attribution{
  font-size:10px;
  background:rgba(255,255,255,.86);
  color:#3a4a40;
}
.distribution-map .leaflet-control-attribution a{
  color:#1f4d38;
}
.distribution-map .leaflet-popup-content{
  margin:6px 10px;
  font-size:12px;
  line-height:1.4;
}

/* 名录页顶部的「分布图怎么读」折叠说明 */
.distribution-method{
  margin:1.4em 0;
  padding:12px 16px;
  border:1px solid var(--line);
  border-left:3px solid var(--accent);
  border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  background:var(--accent-softer);
  font-size:14px;
  line-height:1.7;
  color:var(--muted);
}
.distribution-method summary{
  cursor:pointer;
  color:var(--ink);
  font-weight:700;
  line-height:1.55;
}
.distribution-method-intro{
  margin:.8em 0 .4em;
}
.distribution-method-title{
  margin:.9em 0 .2em;
  font-size:14px;
  color:var(--accent-strong);
}
.distribution-method-list{
  margin:.2em 0 .6em;
  padding-left:1.3em;
}
.distribution-method-list li{margin:.25em 0}

/* 物种页的种级地图 */
.species-map{
  margin:1.8em 0 1.4em;
}
.species-map-title{
  margin:0 0 .4em;
  font-size:19px;
  line-height:1.4;
}
.species-map-note{
  margin:0 0 .8em;
  font-size:13px;
  line-height:1.7;
  color:var(--muted);
}
.species-map-empty{
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:var(--accent-softer);
}

@media (max-width:900px){
  .distribution-inline-family .distribution-map{height:400px}
  .distribution-inline-subfamily .distribution-map{height:380px}
  .distribution-inline-genus .distribution-map{height:340px}
  .distribution-map,
  .distribution-map-species{height:360px}
}
@media (max-width:640px){
  .distribution-map,
  .distribution-inline-family .distribution-map,
  .distribution-inline-subfamily .distribution-map,
  .distribution-inline-genus .distribution-map,
  .distribution-map-species{height:300px}
}

/* 减少动效偏好：Leaflet 的缩放动画（若浏览器开启）不应影响阅读 */
@media (prefers-reduced-motion:reduce){
  .distribution-map .leaflet-zoom-animated{
    transition:none;
  }
}