/* ============================================
   活動拠点（center CPT） - single/archive共用
   ============================================ */

/* --- ページヘッダー：per-post背景（単体ページは投稿ごとに写真が変わるため
   <img>要素で表現し、style="background-image"のインライン指定を使わない） --- */
.page-header__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
/* 切り抜き位置(縦方向)は施設ごとに調整できるよう hero_image_position フィールド
   (0-100の数値)から object-position を動的に出力する(変換器: render.js)。
   既定値は50(中央)。greenpark=40, hotarukan=60 のみモックで調整済み。 */

/* --- ページヘッダー：一覧ページ（center/index.html）は固定の1枚背景 --- */
.page-header--center {
  background-image: url('../../images/2025/03/biotope2.jpg');
  background-size: cover;
  background-position: center center;
}

/* --- 拠点マップ（center/index.html #center-map。旧インラインstyle） --- */
#center-map {
  height: 480px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.12);
  margin-top: 24px;
}

/* --- 事務局セクション（center/index.html） --- */
.urban-center-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  max-width: 900px;
  margin: 0 auto;
  align-items: center;
}
.urban-center-grid__image {
  border-radius: 12px;
  width: 100%;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.12);
}
.urban-center-grid__desc {
  font-size: 0.9rem;
  color: var(--text-light);
  margin-bottom: 20px;
}
.urban-center-grid__dl {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px 16px;
  font-size: 0.9rem;
}
.urban-center-grid__dl dt {
  font-weight: 600;
  color: var(--primary);
  white-space: nowrap;
}
.urban-center-grid__dl a {
  color: var(--primary);
}

/* レスポンシブ(640px以下)の .urban-center-grid 折返しは css/base.css に既存定義あり(重複させない) */

/* center/index.html（一覧ページ）は固定の1枚背景のみCSSクラスで管理。
   単体ページ（施設ごとの写真）は <img class="page-header__bg"> + data-acf="hero_image" に統一済み。 */
.page-header--center-index { background-image: url('../../images/2025/03/main1-scaled.jpg'); background-size: cover; background-position: center center; }

/* 事務局セクション（L12対応） */
.urban-center-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; max-width: 900px; margin: 0 auto; align-items: center; }
.urban-center-grid__img { border-radius: 12px; width: 100%; box-shadow: 0 2px 16px rgba(0,0,0,0.12); }
.urban-center-grid__desc { font-size: 0.9rem; color: var(--text-light); margin-bottom: 20px; }
.urban-center-grid__dl { display: grid; grid-template-columns: auto 1fr; gap: 8px 16px; font-size: 0.9rem; }

/* CPTフィールド整合のための隠しフィールド（施設情報が未整備の施設向けプレースホルダー） */
.acf-hidden-field { display: none; }
.urban-center-grid__link { color: var(--primary); }