/* Contact Form 7 が出すもののうち、prototype に対応する要素が無いものだけ。

   ⚠️ prototype にもあるパーツのスタイルはここに書かない。
      それは assets/css（prototype からの同期物）の担当。
   ⚠️ セレクタは CF7 既定（includes/css/styles.css）に合わせて
      `.wpcf7 form ...` まで書く。CF7 側と詳細度が同じだと
      読み込み順しだいで負ける。

   項目ごとのエラーは CF7 のもの（.wpcf7-not-valid-tip）ではなく、
   prototype と同じ .form__error（form.css）を js/form-confirm.js が出す。
   CF7 の JS は .wpcf7-form-control-wrap[data-name] を起点に差し込むが、
   その包みは inc/forms.php の tamuraplant_form_unwrap で外している
   （prototype の CSS が .form__row の直下に入力欄が来る前提のため）。       */

/* --- フォーム全体のメッセージ ----------------------------------------------
   ここまで来るのはサーバーでしか判定できないもの（送信失敗・スパム）だけ。
   CF7 既定は状態ごとに色を変えた枠線付きのボックス。カンプに枠のあしらいが
   無いので、.form__confirm-note と同じ「中央・18px」の見え方に寄せる。
   表示・非表示（form.init のときは隠す等）は CF7 既定に任せる。            */
.wpcf7 form .wpcf7-response-output {
  margin: 40px 0 0;
  border: 0;
  padding: 0;
  text-box: trim-both cap alphabetic;
  text-align: center;
  color: var(--color-deep-red);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-18);
  line-height: 1.8889;
}

/* 送信できたときだけ紺。CF7 は <form> に sent / invalid / failed を付ける。 */
.wpcf7 form.sent .wpcf7-response-output {
  color: var(--color-primary);
}