/*
Theme Name: 公共AIナレッジ研究会（採用版 / Pattern 6）
Theme URI: https://trustedfor.ai/
Author: 株式会社ITLINE
Author URI: https://itline.co.jp/
Description: 公共AIナレッジ研究会 公式サイトの採用デザイン（パターン6）をWordPressテーマ化したものです。デザインCSS/JSは assets/ にパターン6の実ファイルをそのまま収録し、ページ本文は固定ページ・投稿として編集できます。
Version: 1.1.1
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: 制作物として株式会社ITLINEより提供
Text Domain: kokyoai-p6
*/

/* =========================================================
   WordPress 用の調整レイヤー
   （デザイン本体は assets/style.css → pattern3 → pattern4
     → mega-menu → pattern6 の順で読み込んでいます）
   ========================================================= */

/* 管理バー表示時に、追従ヘッダーが管理バーの下に来るようにする */
body.admin-bar .site-head { top: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar .site-head { top: 46px; }
}

/* ブロックエディタ由来の画像・埋め込みが親幅を超えないようにする */
.entry-content img,
main img { max-width: 100%; height: auto; }

/* 投稿本文（お知らせ記事）の既定タイポグラフィ */
.news-body > p { margin: 0 0 1.4em; line-height: 2; }
.news-body > h2 { font-size: 1.3rem; margin: 36px 0 14px; }
.news-body > h3 { font-size: 1.1rem; margin: 28px 0 12px; }
.news-body > ul,
.news-body > ol { margin: 0 0 1.4em 1.4em; line-height: 2; }
.news-body > ul > li { list-style: disc; }
.news-body > ol > li { list-style: decimal; }
.news-body > blockquote {
  margin: 0 0 1.4em; padding: 14px 18px;
  border-left: 3px solid var(--navy, #1E3C90); background: #f7f8fb;
}
.news-body > figure { margin: 0 0 1.4em; }
.news-body > figure img { border-radius: 4px; }

/* お知らせ一覧のページ送り */
.news-pager {
  display: flex; gap: 10px; justify-content: center;
  margin: 44px 0 0; flex-wrap: wrap;
}
.news-pager .page-numbers {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 40px; height: 40px; padding: 0 12px;
  border: 1px solid var(--hair, #e3e0dc); border-radius: 2px;
  font-family: var(--mono, monospace); font-size: .85rem;
  color: var(--ink, #221815); text-decoration: none;
}
.news-pager .page-numbers:hover { border-color: var(--navy, #1E3C90); color: var(--navy, #1E3C90); }
.news-pager .page-numbers.current {
  background: var(--navy, #1E3C90); border-color: var(--navy, #1E3C90); color: #fff;
}

/* =========================================================
   Contact Form 7 をパターン6のフォーム意匠に合わせる
   （静的版の <form class="form-grid"> と同じ見た目にする）
   ========================================================= */

/* お問い合わせフォームの白パネル（静的版のインラインstyle相当） */
.form-panel {
  background: #fff;
  border: 1px solid var(--hair, #e3e0dc);
  padding: clamp(24px, 4vw, 44px);
}

/* CF7 が挿む span をレイアウトから透明にする */
.form-grid .wpcf7-form-control-wrap { display: block; }
.form-grid p { margin: 0; }

/* チェックボックス・ラジオを .choice と同じ見た目に */
.form-grid .wpcf7-list-item { display: block; margin: 8px 0 0; }
.form-grid .wpcf7-list-item:first-child { margin-top: 0; }
.form-grid .wpcf7-list-item > label {
  display: flex; align-items: flex-start; gap: 10px;
  margin: 0; font-weight: 400; font-size: .95rem;
  color: var(--ink, #221815);
}
.form-grid .wpcf7-list-item input[type="checkbox"],
.form-grid .wpcf7-list-item input[type="radio"] {
  width: 20px; height: 20px; margin-top: 3px; flex: none;
  accent-color: var(--navy, #1E3C90);
}
.form-grid .wpcf7-list-item-label a { color: var(--navy, #1E3C90); }

/* 同意チェック（fieldsetの外に置くもの） */
.form-grid .consent .wpcf7-list-item > label { align-items: center; }
.form-grid .consent .wpcf7-list-item input { margin-top: 0; }

/* 送信ボタン */
.form-grid input[type="submit"].btn { min-width: 220px; justify-content: center; }
.form-grid .wpcf7-spinner { margin: 0 0 0 14px; vertical-align: middle; }

/* エラー表示 */
.form-grid .wpcf7-not-valid-tip {
  color: #C22A22; font-size: .82rem; margin-top: 6px; font-weight: 700;
}
.form-grid input.wpcf7-not-valid,
.form-grid select.wpcf7-not-valid,
.form-grid textarea.wpcf7-not-valid { border-color: #C22A22; }

/* 送信結果メッセージ（静的版の .form-result と同じ見た目） */
.wpcf7 form .wpcf7-response-output {
  border: 1px solid var(--teal, #2b7f8f);
  border-left: 5px solid var(--teal, #2b7f8f);
  background: #F0F7FA;
  padding: 20px 24px;
  font-size: .92rem;
  margin: 24px 0 0;
  border-radius: 3px;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #C22A22; border-left-color: #C22A22; background: #FDF4F3;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  border-color: #C22A22; border-left-color: #C22A22; background: #FDF4F3;
}

/* 検索・404 の簡易レイアウト */
.simple-page { padding: 72px 0 96px; }
.simple-page .lead { margin-bottom: 28px; }

/* =========================================================
   フッター右下：制作・運営クレジット
   コピーライト行を「左＝著作権表示／右＝プレビュー表記＋制作クレジット」に分ける。
   ========================================================= */
.copyright .foot-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px 24px;
}
.copyright .site-credit {
  font-family: var(--gothic);
  font-size: .72rem;
  letter-spacing: .02em;
}
.copyright .site-credit a {
  color: #C9D3E6;
  text-decoration: underline;
  text-underline-offset: .2em;
}
.copyright .site-credit a:hover,
.copyright .site-credit a:focus-visible {
  color: #fff;
}