/*
Theme Name: Kanazawa TMO
Theme URI:
Author:
Author URI:
Description: Custom classic theme for Kanazawa TMO.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kanazawa-tmo
*/

/* ============================================================
   Contact Form 7 デフォルトスタイルの上書き
   ──────────────────────────────────────────
   CF7 プラグインが読み込む styles.css のデフォルト指定により、
   静的コーディング版と差分が生じる箇所を明示的にリセットしています。
   テーマ側の entry-form.css は静的版と同一を維持するため、
   プラグイン起因の上書きはこのファイルに集約します。
============================================================ */

/* --- チェックボックス ---
   CF7 は各チェックボックス項目を .wpcf7-list-item で囲み、
   デフォルトで display: inline-block; margin: 0 0 0 1em を付与する。
   これにより「SNSの写真使用を許可」等のチェックボックスに
   不要な左余白が発生し、またチェックボックスとラベルの縦位置が
   揃わなくなるためリセットする。
   静的版の .checkbox { display: flex; align-items: center } に合わせる。
   （参照: plugins/contact-form-7/includes/css/styles.css L71-74） */
.wpcf7-list-item {
  display: flex;
  align-items: center;
  margin: 0;
}

/* --- チェックボックスラベルの擬似要素 ---
   CF7 は .wpcf7-list-item-label の ::before / ::after に
   content: " " を設定し、ラベル前後に空白スペースを挿入する。
   チェックボックスとラベルの間隔は entry-form.css 側の
   input[type="checkbox"] { margin-right: 8px } で制御するため、
   CF7 由来の余白は除去する。
   （参照: plugins/contact-form-7/includes/css/styles.css L76-79） */
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
  content: none;
}

/* --- ファイルアップロード ---
   CF7 は各 <input type="file"> を
   <span class="wpcf7-form-control-wrap"> で囲む。
   このインライン要素が .upload-group（flex コンテナ）内に置かれると、
   entry-form.css の .form-row>div span ルール（line-height: 1.8 等）を
   継承し、不要な余白・背景領域が発生する。
   display: block 化 + line-height のリセットで静的版と揃える。 */
.upload-group .wpcf7-form-control-wrap {
  display: block;
  line-height: normal;
  font-weight: normal;
}

/* --- ファイルアップロード内の input[type="file"] ---
   entry-form.css の .form-input は padding: 8px 16px / background: #fff 等を
   持つが、file 入力にはこれらの装飾は不要。
   静的版ではファイル入力に .form-input クラスを付与していないが、
   CF7 が生成する input[type="file"] にテーマ側の汎用ルールが
   当たってしまう場合に備えてリセットする。 */
.upload-group .form-input {
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
}

/* --- チェックボックスグループ内のラッパー ---
   upload-group と同様、checkbox-group 内の CF7 ラッパーも
   display: block 化して静的版と同じレイアウトにする。 */
.checkbox-group .wpcf7-form-control-wrap {
  display: block;
}