/* Contact Form 7 をカンプの見た目に合わせる。
   CF7 は入力欄を span で包むので、その span を横並びの相手にする。
   core.css はカンプと共通なので触らず、ここで差だけ吸収する。 */

.hform .wpcf7 { margin: 0; }
.hform .wpcf7-form { margin: 0; }

/* 1行ぶんの横並び。label と、CF7が包む span を相手にする */
.hform__row .wpcf7-form-control-wrap { flex: 1; min-width: 0; display: block; }
.hform__row .wpcf7-form-control-wrap input,
.hform__row .wpcf7-form-control-wrap select {
  width: 100%; border: 0; background: var(--input-bg);
  padding: 11px 12px; font-size: 13px; border-radius: 3px; color: var(--ink);
}
.hform__row .wpcf7-form-control-wrap input::placeholder { color: var(--weak); }

/* 送信ボタン。input[type=submit] にも .btn が効くようにそろえる */
.hform .wpcf7-submit { -webkit-appearance: none; appearance: none; }
.hform .wpcf7-spinner { display: none; }
.hform form.submitting .wpcf7-spinner { display: inline-block; }

/* 入力もれの案内 */
.hform .wpcf7-not-valid-tip {
  display: block; margin-top: 5px; font-size: 11.5px; font-weight: 700; color: var(--brand-fill);
}
.hform .wpcf7-response-output {
  margin: 14px 0 0; padding: 12px 14px; border: 0; background: var(--c-tint);
  font-size: 12.5px; line-height: 1.8; color: var(--ink);
}
.hform form.invalid .wpcf7-response-output,
.hform form.unaccepted .wpcf7-response-output { background: var(--tbd-bg); }
.hform form.sent .wpcf7-response-output { background: var(--c-tint-2); }

/* 送信中は押せないのが分かるように */
.hform form.submitting .wpcf7-submit { opacity: .6; pointer-events: none; }