/* rihobeer-geo-foundation.css — 地図コンテナ + popup スタイル
 * issue 20260612-010 Phase 1
 */

/* マップコンテナ (height は shortcode の inline style が上書き) */
.rihobeer-geo-map {
  width: 100%;
  height: var(--rihobeer-geo-h, 520px); /* shortcode が --rihobeer-geo-h で上書き */
  margin: 1.5em 0;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  background: #eef3f5;
}

/* Popup サムネイル */
.rihobeer-geo-popup-thumb {
  width: 100%;
  max-width: 220px;
  height: 120px;
  object-fit: cover;
  border-radius: 6px;
  display: block;
  margin-bottom: 6px;
}

/* Popup ブルワリー名 */
.rihobeer-geo-popup-name {
  display: block;
  font-size: 1em;
  line-height: 1.4;
}

/* Popup 地域ラベル */
.rihobeer-geo-popup-sub {
  display: block;
  font-size: .8em;
  color: #666;
  margin: 2px 0 6px;
}

/* Popup リンク */
.rihobeer-geo-popup-link {
  display: inline-block;
  font-size: .85em;
  font-weight: 600;
}

/* Leaflet popup 幅 */
.leaflet-popup-content {
  margin: 10px 12px;
  min-width: 180px;
}

/* モバイル */
@media screen and (max-width: 480px) {
  .rihobeer-geo-map {
    /* モバイルは指定高さと 420px の小さい方 (inline 直書きでなく CSS 変数経由なので media query が有効) */
    height: min(var(--rihobeer-geo-h, 520px), 420px);
  }
}