/* =============================================================================
   Facility Image（施設画像コンポーネント）
   Figma: node-id=60:855
   - 施設写真の下部に半透明の青いキャプションバーをオーバーレイ表示
   ============================================================================= */

/* コンテナ：16:9 比率 */
.facility-image {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

/* 画像：コンテナいっぱいにカバー */
.facility-image__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* キャプションバー：下部に半透明の青いバー */
.facility-image__caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--margin-8) 0;
  background-color: rgba(0, 95, 161, 0.8); /* --color-primary 80% opacity */
}

/* キャプションテキスト：白・太字・中央揃え */
.facility-image__caption-text {
  font-family: var(--font-family-button);
  font-size: var(--text-paragraph-bold);
  font-weight: bold;
  color: var(--color-white);
  text-align: center;
}