/**
 * Contact ページ専用 CSS
 * slug: contact
 * body class: .page-id-XXX または .page-template-page-contact
 *
 * ルール追加時は必ずページスコープを付けること。
 * 例: body.page-template-page-contact .ms-contact { ... }
 *     body[class*="page-id-"] .ms-contact { ... }
 *
 * style_part_01.css: 移行対象なし
 * style_part_02.css: 性別バッジ・.ms-contact .ms-faq を移行
 * style_part_03.css: 移行対象なし
 * style_part_04.css: 移行対象なし
 * style_part_05.css: 移行対象なし
 * style_part_06.css: 移行対象なし
 * style_part_07.css: 移行対象なし
 */

/* ===== コメントの性別バッジ（/contact 専用） ===== */
body.page-template-page-contact .ms-c-meta,
body[class*="page-id-"] .ms-c-meta {
  display: inline-block;
  font-size: 0.95em;
  padding: 0.4em 0.7em;
  border: 1px solid;
  border-radius: 8px;
  margin: 0 0 0.5em;
}

body.page-template-page-contact .ms-c-meta.is-male,
body[class*="page-id-"] .ms-c-meta.is-male {
  background: #e9f4ff;
  border-color: #cfe7ff;
}

body.page-template-page-contact .ms-c-meta.is-female,
body[class*="page-id-"] .ms-c-meta.is-female {
  background: #ffeef4;
  border-color: #ffd6e3;
}

body.page-template-page-contact .ms-c-meta.is-unknown,
body[class*="page-id-"] .ms-c-meta.is-unknown {
  background: #f5f5f5;
  border-color: #e5e5e5;
}

body.page-template-page-contact .ms-c-meta .ms-c-age,
body[class*="page-id-"] .ms-c-meta .ms-c-age {
  margin-right: 0.9em;
}

/* ===== FAQ（/contact 用） ===== */
body.page-template-page-contact .ms-contact .ms-faq details,
body[class*="page-id-"] .ms-contact .ms-faq details {
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 0.75em 1em;
  margin: 0.6em 0;
  background: #fff;
}

body.page-template-page-contact .ms-contact .ms-faq summary,
body[class*="page-id-"] .ms-contact .ms-faq summary {
  font-weight: 700;
  cursor: pointer;
}

body.page-template-page-contact .ms-contact .ms-faq details[open],
body[class*="page-id-"] .ms-contact .ms-faq details[open] {
  border-color: #ffd9b3;
  background: #fff7ee;
}

body.page-template-page-contact .ms-contact .ms-faq summary::-webkit-details-marker,
body[class*="page-id-"] .ms-contact .ms-faq summary::-webkit-details-marker {
  display: none;
}