@charset "UTF-8";
/*
 * Plugin Name: seijuji-community.css
 * Description: community（保護者の活動 id=2731）ページ専用
 * Version:     1.5.0
 * Updated:     2026-06-03
 *
 * 設計:
 *  - 各セクションを wp:group className="seijuji-community-section" で wrap
 *    → H2 含めて 1 box（オフクリーム tint 背景 + soft shadow + 角丸）
 *  - 構成（H2 3 本）: §1 PTA / §2 サークル活動について（有志） / §3 おやぢの会
 *  - §2 はメダリオンカード（アイコン + 見出しを左右に並べたヘッダー + 下に本文）を
 *    PC 2×2 / SP 1 列のグリッドで配置。4 サークルは対等。
 *  - §3 は本文 + 活動写真ギャラリー
 *
 * Scope: enqueue ガード（is_page(2731)）で community ページのみロード。
 *        内部は .seijuji-community-* prefix 単独で scope。
 *        色はページ別 palette token（--seijuji-accent 系, body.page-id-2731）を参照。
 *
 * Changelog:
 *  - 1.5.0 (2026-06-03): IA 刷新に伴い §2 を旧 list/row レイアウトから
 *    メダリオンカード（.seijuji-community-card__*）へ全面置換。各サークルに
 *    紹介文を追加。旧 .seijuji-community-list / -row / -icon 系 CSS を撤去。
 *  - 1.4.0 (2026-06-02): H1（ページタイトル）非表示を撤回（Route A）
 *  - 1.3.0 (2026-05-25): 左 accent バー削除、サイドバー表示維持
 *  - 1.2.0 (2026-05-25): H2 セクション box 化規約対応、オフクリーム背景化
 *  - 1.1.0 (2026-05-25): §2 を内部 list 化
 *  - 1.0.0 (2026-05-24): 初版
 */

/* ============================================================
   セクション wrap: 本体装飾は seijuji/section (.seijuji-section) で提供。
   ここでは community 固有の token + 末子無所有 + H2 余白だけ持つ。
   (background / border-radius / padding / margin / box-shadow は seijuji-section + Ω が担当、2026-06-13)
   ============================================================ */
.seijuji-community-section {
  --sc-ink: #333;
  --sc-sub: #6a8a55;                                 /* accent darker、補助テキスト色 */
  color: var(--sc-ink);
}

/* Stack 法則 2 (末子無所有): 最後の section の下余白は 0 (seijuji-section { margin: 1.5em 0 } の bottom 残り 24px を打ち消し) */
.seijuji-community-section:last-child {
  margin-bottom: 0;
}

/* H2 の下余白だけ community 固有 (上余白は seijuji-section :first-child で 0 化済) */
.seijuji-community-section > .wp-block-heading {
  margin-bottom: 18px;
}

/* ============================================================
   §1 / §3 リード文（box 内に直接置かれる段落）
   ============================================================ */
.seijuji-community-lead {
  margin: 0;
  font-size: 1em;
  line-height: 1.95;
  color: var(--sc-ink);
}

/* ============================================================
   §2 サークルカード（メダリオン + 左右ヘッダー + 下に本文）
   ============================================================ */
.seijuji-community-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);             /* PC 2 列 */
  gap: 1.6rem;
}

.seijuji-community-card {
  background: #FFFFFF;                                /* paper 白地（外側 tint と差をつける）*/
  border: 1px solid var(--seijuji-tint-border, #C8E6DE);
  border-radius: 14px;
  padding: 1.8rem 1.8rem 1.9rem;
  box-shadow: 0 1px 2px rgba(60, 80, 60, 0.05), 0 4px 14px rgba(60, 80, 60, 0.07);
}

/* アイコン + 見出しを左右に並べるヘッダー */
.seijuji-community-card__head {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin-bottom: 1.1rem;
}

.seijuji-community-card__medallion {
  width: 74px;
  height: 74px;
  border-radius: 50%;
  background: var(--seijuji-tint, #F0F7E8);
  border: 3px solid var(--seijuji-marker, #C8E6DE);
  box-shadow: 0 2px 8px rgba(60, 80, 60, 0.10);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
}
.seijuji-community-card__icon {
  width: 36px;
  height: 36px;
  background: var(--seijuji-accent, #8BB874);        /* accent 色で塗りつぶし */
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-size: contain; mask-size: contain;
}

/* --- サークル別アイコン --- */
.seijuji-community-card--music .seijuji-community-card__icon {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M499.1 6.3c8.1 6 12.9 15.6 12.9 25.7v72V368c0 44.2-43 80-96 80s-96-35.8-96-80s43-80 96-80c11.2 0 22 1.6 32 4.6V147L192 223.8V432c0 44.2-43 80-96 80s-96-35.8-96-80s43-80 96-80c11.2 0 22 1.6 32 4.6V200 128c0-14.1 9.3-26.6 22.8-30.7l320-96c9.7-2.9 20.2-1.1 28.3 5z'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M499.1 6.3c8.1 6 12.9 15.6 12.9 25.7v72V368c0 44.2-43 80-96 80s-96-35.8-96-80s43-80 96-80c11.2 0 22 1.6 32 4.6V147L192 223.8V432c0 44.2-43 80-96 80s-96-35.8-96-80s43-80 96-80c11.2 0 22 1.6 32 4.6V200 128c0-14.1 9.3-26.6 22.8-30.7l320-96c9.7-2.9 20.2-1.1 28.3 5z'/></svg>");
}
.seijuji-community-card--book .seijuji-community-card__icon {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M249.6 471.5c10.8 3.8 22.4-4.1 22.4-15.5V78.6c0-4.2-1.6-8.4-5-11C247.4 52 202.4 32 144 32C93.5 32 46.3 45.3 18.1 56.1C6.8 60.5 0 71.7 0 83.8L0 454.1c0 11.9 12.8 20.2 24.1 16.5C55.6 460.1 105.5 448 144 448c33.9 0 79 14 105.6 23.5zm76.8 0C353 462 398.1 448 432 448c38.5 0 88.4 12.1 119.9 22.6c11.3 3.8 24.1-4.6 24.1-16.5l0-370.3c0-12.1-6.8-23.3-18.1-27.6C529.7 45.3 482.5 32 432 32c-58.4 0-103.4 20-123 35.6c-3.3 2.6-5 6.8-5 11V456c0 11.4 11.7 19.3 22.4 15.5z'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M249.6 471.5c10.8 3.8 22.4-4.1 22.4-15.5V78.6c0-4.2-1.6-8.4-5-11C247.4 52 202.4 32 144 32C93.5 32 46.3 45.3 18.1 56.1C6.8 60.5 0 71.7 0 83.8L0 454.1c0 11.9 12.8 20.2 24.1 16.5C55.6 460.1 105.5 448 144 448c33.9 0 79 14 105.6 23.5zm76.8 0C353 462 398.1 448 432 448c38.5 0 88.4 12.1 119.9 22.6c11.3 3.8 24.1-4.6 24.1-16.5l0-370.3c0-12.1-6.8-23.3-18.1-27.6C529.7 45.3 482.5 32 432 32c-58.4 0-103.4 20-123 35.6c-3.3 2.6-5 6.8-5 11V456c0 11.4 11.7 19.3 22.4 15.5z'/></svg>");
}
.seijuji-community-card--handmade .seijuji-community-card__icon {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M163.9 136.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L310.5 240.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L163.9 136.9zM568.2 336.3c13.1 17.8 9.3 42.8-8.5 55.9L433.1 485.5c-23.4 17.2-51.6 26.5-80.7 26.5L192 512 32 512c-17.7 0-32-14.3-32-32l0-64c0-17.7 14.3-32 32-32l36.8 0 44.9-36c22.7-18.2 50.9-28 80-28L272 320l16 0 64 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-64 0-16 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l120.6 0 119.7-88.2c17.8-13.1 42.8-9.3 55.9 8.5zM193.6 384c0 0 0 0 0 0l-.9 0c.3 0 .6 0 .9 0z'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M163.9 136.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L310.5 240.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L163.9 136.9zM568.2 336.3c13.1 17.8 9.3 42.8-8.5 55.9L433.1 485.5c-23.4 17.2-51.6 26.5-80.7 26.5L192 512 32 512c-17.7 0-32-14.3-32-32l0-64c0-17.7 14.3-32 32-32l36.8 0 44.9-36c22.7-18.2 50.9-28 80-28L272 320l16 0 64 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-64 0-16 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l120.6 0 119.7-88.2c17.8-13.1 42.8-9.3 55.9 8.5zM193.6 384c0 0 0 0 0 0l-.9 0c.3 0 .6 0 .9 0z'/></svg>");
}
.seijuji-community-card--repair .seijuji-community-card__icon {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M78.6 5C69.1-2.4 55.6-1.5 47 7L7 47c-8.5 8.5-9.4 22-2.1 31.6l80 104c4.5 5.9 11.6 9.4 19 9.4l54.1 0 75.3 75.3c-29.7 31.4-29.1 81 1.8 111.8l99.6 99.6c40.6 40.6 106.5 40.6 147.1 0c40.6-40.6 40.6-106.5 0-147.1L383.8 232c-30.8-30.8-80.4-31.5-111.8-1.8L196.7 155l0-54.1c0-7.5-3.5-14.5-9.4-19L78.6 5zM19.9 396.1C7.2 408.8 0 426.1 0 444.1C0 481.6 30.4 512 67.9 512c18 0 35.3-7.2 48-19.9L233.7 374.3c-21.6-3.6-41.7-13.8-57.7-29.8c-13.1-13.1-21.9-29-26.6-45.8L19.9 396.1zM512 144c0-10.5-1.1-20.7-3.2-30.5c-2.4-11.2-16.1-14.1-24.2-6l-63.9 63.9c-3 3-7.1 4.7-11.3 4.7L352 176c-8.8 0-16-7.2-16-16l0-57.4c0-4.2 1.7-8.3 4.7-11.3l63.9-63.9c8.1-8.1 5.2-21.8-6-24.2C388.7 1.1 378.5 0 368 0C288.5 0 224 64.5 224 144l0 .8 85.3 85.3c36-9.1 75.8 .5 104 28.7L429 274.5c49-23 83-72.8 83-130.5zM56 432a24 24 0 1 1 48 0 24 24 0 1 1 -48 0z'/></svg>");
          mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M78.6 5C69.1-2.4 55.6-1.5 47 7L7 47c-8.5 8.5-9.4 22-2.1 31.6l80 104c4.5 5.9 11.6 9.4 19 9.4l54.1 0 75.3 75.3c-29.7 31.4-29.1 81 1.8 111.8l99.6 99.6c40.6 40.6 106.5 40.6 147.1 0c40.6-40.6 40.6-106.5 0-147.1L383.8 232c-30.8-30.8-80.4-31.5-111.8-1.8L196.7 155l0-54.1c0-7.5-3.5-14.5-9.4-19L78.6 5zM19.9 396.1C7.2 408.8 0 426.1 0 444.1C0 481.6 30.4 512 67.9 512c18 0 35.3-7.2 48-19.9L233.7 374.3c-21.6-3.6-41.7-13.8-57.7-29.8c-13.1-13.1-21.9-29-26.6-45.8L19.9 396.1zM512 144c0-10.5-1.1-20.7-3.2-30.5c-2.4-11.2-16.1-14.1-24.2-6l-63.9 63.9c-3 3-7.1 4.7-11.3 4.7L352 176c-8.8 0-16-7.2-16-16l0-57.4c0-4.2 1.7-8.3 4.7-11.3l63.9-63.9c8.1-8.1 5.2-21.8-6-24.2C388.7 1.1 378.5 0 368 0C288.5 0 224 64.5 224 144l0 .8 85.3 85.3c36-9.1 75.8 .5 104 28.7L429 274.5c49-23 83-72.8 83-130.5zM56 432a24 24 0 1 1 48 0 24 24 0 1 1 -48 0z'/></svg>");
}

.seijuji-community-card__titles {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.35rem;
  min-width: 0;
  flex: 1;
}
.seijuji-community-card__type {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--sc-sub);
  background: var(--seijuji-tint, #F0F7E8);
  border-radius: 999px;
  padding: 0.22rem 0.85rem;
}
.seijuji-community-card__name {
  font-size: 1.18rem;
  font-weight: 700;
  color: var(--sc-ink);
  line-height: 1.4;
  margin: 0;
  white-space: nowrap;                               /* 愛称は 1 行固定（PC でのカード幅折返し防止）*/
}
.seijuji-community-card__name::before { content: "「"; color: var(--seijuji-accent, #8BB874); }
.seijuji-community-card__name::after  { content: "」"; color: var(--seijuji-accent, #8BB874); }

.seijuji-community-card__text {
  font-size: 0.95rem;
  line-height: 1.9;
  color: var(--sc-ink);
  margin: 0;
}

/* ============================================================
   §3 おやぢ会画像 gallery（PC 3x2 grid）
   ============================================================ */
.seijuji-community-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 20px;
}
.seijuji-community-gallery figure {
  margin: 0;
  border-radius: 8px;
  overflow: hidden;
  background: var(--seijuji-tint, #F0F7E8);
  aspect-ratio: 4 / 3;
  box-shadow: 0 1px 3px rgba(60, 80, 60, 0.08);
}
.seijuji-community-gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.seijuji-community-gallery figure:hover img {
  transform: scale(1.04);
}

/* ============================================================
   SP（600px 以下）レイアウト調整
   ============================================================ */
@media (max-width: 600px) {
  .seijuji-community-section {
    padding: 22px 18px;
    margin-bottom: 36px;
    border-radius: 10px;
  }
  .seijuji-community-cards {
    grid-template-columns: 1fr;                      /* SP 1 列 */
    gap: 1.2rem;
  }
  .seijuji-community-card {
    padding: 1.5rem 1.4rem 1.6rem;
  }
  .seijuji-community-card__medallion {
    width: 64px;
    height: 64px;
  }
  .seijuji-community-card__icon {
    width: 32px;
    height: 32px;
  }
  .seijuji-community-card__name {
    font-size: 1.15rem;
  }
  .seijuji-community-gallery {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
}

/* 超小型 SP（420px 以下）：gallery を 1 列に */
@media (max-width: 420px) {
  .seijuji-community-gallery {
    grid-template-columns: 1fr;
  }
}