/* WP固有差分の吸収専用（CF7ラッパー・コアCSS打ち消し）。既存デザインのCSSはここに書かない */

/* ===== お知らせページネーション（WPのthe_posts_paginationの構造に合わせる） ===== */
.news-pagination .nav-links {
  display: flex; justify-content: center; align-items: center;
  gap: 8px; flex-wrap: wrap;
}
.news-pagination .screen-reader-text {
  position: absolute; width: 1px; height: 1px;
  margin: -1px; padding: 0; overflow: hidden;
  clip: rect(0 0 0 0); border: 0;
}

/* ===== 事例サムネイル：ロゴ画像用の白背景・余白表示（旧インラインstyleのクラス化） ===== */
.case-thumb-contain img {
  object-fit: contain;
  background: #fff;
  padding: 24px;
}
#cases .case-thumb-contain img {
  padding: 18px;
}

/* ===== 本文ブロック内の段落間隔（*リセットでmargin:0のため、複数段落時のみ間隔を付与） ===== */
.faq-answer p + p,
.case-desc p + p {
  margin-top: 1em;
}

/* ===== Contact Form 7：ラッパー構造の差分を吸収して静的デモと同じ見た目にする ===== */
/* 各コントロールを包む span をブロック化（入力欄の width:100% を効かせる） */
.form-row .wpcf7-form-control-wrap {
  display: block;
}

/* チェックボックス群：CF7の span 構造でも縦積み＋12px間隔を再現 */
.checkbox-group .wpcf7-form-control-wrap,
.checkbox-group .wpcf7-checkbox {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.checkbox-group .wpcf7-list-item {
  display: block;
  margin: 0;
}
.checkbox-group .wpcf7-list-item label {
  display: block;
}

/* バリデーションメッセージ */
.form-row .wpcf7-not-valid-tip {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  color: #dc3232;
}
.wpcf7 .wpcf7-response-output {
  margin: 24px 0 0;
  padding: 14px 16px;
  border: 1px solid #dc3232;
  border-radius: 4px;
  font-size: 14px;
  color: #dc3232;
}
/* 送信成功時はJSで #form-done を表示するため、CF7標準の成功メッセージは出さない */
.wpcf7 form.sent .wpcf7-response-output {
  display: none;
}