/* map.css — MapLibre 共通スタイル（admin / member 両レイアウトで使用）
 * 値は member.css の CSS 変数を展開したもの: --main=#e74577 --sub=#ea9b18 --ink=#161616 --shadow=#9A958D --mute=#6B6660
 */

/* 地点ピン（MapLibre Marker の中身。中心が座標に合うよう下方向に補正） */
.map-marker-pin {
  background: #e74577;
  color: #fff;
  padding: 0.15rem 0.45rem;
  border: 2px solid #161616;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 900;
  white-space: nowrap;
  box-shadow: 2px 2px 0 #9A958D;
  cursor: pointer;
  transform: translateY(-50%);
}

/* discover は基底 .map-marker-pin の #e74577 をそのまま使う（request のみ上書き） */
.map-marker-pin--request { background: #ea9b18; }

/* 物件マップ: スコア状況別の濃淡 */
.map-marker-pin--bukken-scored      { background: #e74577; }
.map-marker-pin--bukken-calculating { background: #f0849e; }
.map-marker-pin--bukken-unscored    { background: #adb5bd; border-color: #6c757d; }

/* 吹き出し（MapLibre Popup の中身） */
.map-popup {
  font-weight: 700;
  min-width: 160px;
}

.map-popup-title {
  font-weight: 900;
  margin-bottom: 0.2rem;
}

.map-popup-meta {
  font-size: 0.78rem;
  color: #6B6660;
  margin-bottom: 0.4rem;
}

.map-popup-link {
  display: inline-block;
  font-weight: 900;
  color: #e74577;
  text-decoration: none;
}

/* 物件ピン（状態は色で表す丸ドット。テキストは持たない）。凡例でも同じクラスを流用。
   白フチ＋薄い影だけのシンプルな丸。※ MapLibre Marker は要素の transform で位置決めするため、ピン側で transform は使わない */
.map-marker-dot {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 1px 2px rgba(22, 22, 22, 0.4);
  cursor: pointer;
  box-sizing: content-box;
}

.map-marker-dot--scored      { background: #1f9d55; } /* 計算済み: 緑 */
.map-marker-dot--calculating { background: #f0a30a; } /* 計算中: 黄 */
.map-marker-dot--unscored    { background: #5b6770; } /* 未計算: 濃いスレート（灰だと地図に溶けるため） */