/* ------------------------------------------------------------------
 * Contact Form 7 のHTMLを、新デザインのCSSに合わせるための調整
 *
 * 詳しい経緯は inc/contact-form.php のコメントを参照してください。
 * 要点は「Contact Form 7 が入力欄を余計なタグで包むので、
 * そのタグをレイアウト上『無かったこと』にする」という一点です。
 * ------------------------------------------------------------------ */

/* ① 入力欄を包む <span> を、レイアウト上は存在しないものとして扱う。
 *    これにより <label> の直下に入力欄が並んでいるのと同じ挙動になり、
 *    デザイン側の縦並び指定（.form-grid label { display:flex }）が効く。 */
.contact-form .wpcf7-form-control-wrap {
	display: contents;
}

/* ② 自動挿入された段落・改行が残っていた場合に備えた保険 */
.contact-form .form-grid > p,
.contact-form .form-grid > br {
	display: contents;
}

.contact-form label > br,
.contact-form .privacy-check br {
	display: none;
}

/* ③ Contact Form 7 が独自に付ける枠線・余白を打ち消す */
.contact-form .wpcf7-form-control {
	margin: 0;
}

.contact-form .wpcf7-list-item {
	margin: 0;
}

/* ④ 同意チェックボックスを1行に収める */
.contact-form .privacy-check {
	display: flex;
	align-items: center;
	gap: 8px;
}

.contact-form .privacy-check .wpcf7-form-control-wrap,
.contact-form .privacy-check .wpcf7-acceptance,
.contact-form .privacy-check .wpcf7-list-item,
.contact-form .privacy-check .wpcf7-list-item label {
	display: contents;
}

.contact-form .privacy-check .wpcf7-list-item-label {
	display: none; /* 文言はテンプレート側の <span> を使う */
}

/* ⑤ 入力エラー・送信結果の表示を、サイトの配色に合わせる */
.contact-form .wpcf7-not-valid-tip {
	color: #9a3535;
	font-size: 12px;
	margin-top: 4px;
	display: block;
}

.contact-form .wpcf7-not-valid {
	border-color: #c98b8b !important;
}

.wpcf7 form .wpcf7-response-output {
	border-radius: 8px;
	border-width: 1px;
	padding: 14px 18px;
	margin: 24px 0 0;
	font-size: 14px;
	line-height: 1.7;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: var(--green, #075b45);
	background: var(--green-soft, #eaf3ed);
	color: var(--green-dark, #043d31);
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
	border-color: #c98b8b;
	background: #fdf3f3;
	color: #9a3535;
}

/* ⑥ 送信中のくるくる表示の位置 */
.contact-form .wpcf7-spinner {
	margin: 0 0 0 10px;
	vertical-align: middle;
}

/* ⑦ フォーム未設定時の案内（hakajimai_contact_form のフォールバック） */
.form-fallback {
	background: var(--cream, #f8f5ed);
	border: 1px solid var(--cream-deep, #efe9dc);
	border-radius: 13px;
	padding: 32px 40px;
}

.form-fallback p {
	margin: 0 0 10px;
}

.form-fallback-contact {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 24px;
	margin-top: 16px;
}

.form-fallback-contact a {
	color: var(--green, #075b45);
	font-weight: 600;
}

/* ⑧ 受験システムへの案内ブロック */
.exam-entry {
	margin-top: 32px;
}