/* ============================================================
   Contact Form 7 互換パッチ
   ------------------------------------------------------------
   CF7 は各フォームコントロールを <span class="wpcf7-form-control-wrap">
   でラップして出力する。静的モックアップでは <input> が
   .s-contact-form__row / .s-capture__form の「直下のflex子要素」
   だったため flex で伸びていたが、CF7 版ではラッパー span が
   flex子要素になり、その中の <input> は既定幅（約20文字分）で
   止まってしまう。

   → ラッパー span をレイアウト上「透明」に振る舞わせ、
      中の入力欄がコンテナ幅いっぱいに広がるようにする。

   style.css は無改変で保つため、このパッチを別ファイルにして
   style.css の後に読み込む（inc/enqueue.php）。
   ============================================================ */

/* --- Contact ページのフォーム（縦積み・各行は幅100%） --- */
.s-contact-form .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}

.s-contact-form .s-capture__input {
	display: block;
	width: 100%;
}

/* --- トップページ Free Guide フォーム（横並び・入力欄が伸縮） --- */
.s-capture__form .wpcf7-form-control-wrap {
	display: block;
	flex: 1;
	min-width: 240px;
}

.s-capture__form .s-capture__input {
	width: 100%;
	min-width: 0;
}

/* --- CF7 の ajax スピナーは静的版に無いので出さない
       （送信ボタン横に余白が出るのを防ぐ） --- */
.s-contact-form .wpcf7-spinner,
.s-capture__form .wpcf7-spinner {
	display: none;
}

/* --- CF7 のバリデーションメッセージ位置の微調整
       （.s-contact-form__row 内で改行して表示されるように） --- */
.s-contact-form .wpcf7-not-valid-tip {
	display: block;
	margin-top: 4px;
	font-size: 13px;
}

/* --- 同意チェック行: CF7 の .wpcf7-list-item が付ける
       左インデント（margin-left:1em）を消して、静的版と同じく
       チェックボックスを行頭に揃える --- */
.s-contact-form__consent .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}
.s-contact-form__consent .wpcf7-list-item {
	margin: 0;
}
.s-contact-form__consent .wpcf7-acceptance .wpcf7-list-item-label {
	margin-left: 6px;
}

/* ============================================================
   Free Guide（Home）— 2026-10-13 プロンプト⑨
   Contact と同じ同意チェック行（.s-contact-form__consent）を、
   INK 背景の .s-capture__form 内で使うための補正のみ。
   入力欄・ゴーストボタン（.btn--cta）とその各状態は既存のまま。
   ============================================================ */

/* 同意チェック行: 入力欄＋ボタンの下に全幅で折り返す */
.s-capture__form .s-capture__consent {
	flex: none;
	width: 100%; /* 横並び（wrap）では1行を占有して折り返す。縦積み（スマホ）でも同じ */
	color: rgba(242, 237, 228, 0.60); /* .s-logo-mark__guide .s-capture__body と同じ */
}
.s-capture__consent .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
	min-width: 0;
	flex: none;
}
.s-capture__consent .wpcf7-list-item {
	margin: 0;
}
.s-capture__consent .wpcf7-acceptance .wpcf7-list-item-label {
	margin-left: 6px;
}
.s-capture__consent input[type="checkbox"] {
	accent-color: var(--color-cream);
}
.s-capture__consent a,
.s-capture__consent a:hover {
	color: var(--color-cream);
}

/* CF7 のバリデーション・送信結果メッセージ（INK 背景で読めるように） */
.s-capture__form .wpcf7-not-valid-tip {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	color: #f2b8a8;
}
.s-capture__form .wpcf7-response-output {
	flex: none;
	width: 100%;
	margin: var(--space-sm) 0 0 !important;
	font-size: 13px;
	color: var(--color-cream);
}

/* ハニーポット欄（スパム対策）: 画面外へ。display:none だと一部ボットが避けるため */
.cj-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* 送信完了後のダウンロードリンク（フォームと入れ替わりで表示） */
.s-guide__download:focus {
	outline: none;
}
.s-guide__download .s-capture__body {
	margin-bottom: var(--space-md);
}