@charset "UTF-8";
/* =========================================================================
   Contact Form 7 上書き（応募フォーム専用）
   -------------------------------------------------------------------------
   ・CF7が自動で差し込む要素だけを、静的版の見た目に合わせる。
   ・セレクタはすべて .page--entry 配下にスコープする（グローバル指定は禁止）。
   ・CF7本体のCSSより後に読み込むこと（functions.php の依存指定で担保）。
   ・入力欄・ラベル・ボタンの見た目は style.css の .field / .btn-skin が
     そのまま効くため、ここでは一切再定義しない。
   ========================================================================= */

/* フォーム本体は shortcode の html_class="entry-form reveal" で
   .entry-form を持つ。静的版の style="--i:3" に相当する遅延を与える */
.page--entry .wpcf7{width:100%}
.page--entry .wpcf7-form.entry-form{--i:3}

/* CF7は各入力を <span class="wpcf7-form-control-wrap"> で包む。
   インライン要素のままだとベースライン由来の余白が出るため block にする。
   .field > * が grid アイテムになる構造は静的版と同じに保つ */
.page--entry .wpcf7-form-control-wrap{display:block;width:100%}

/* 入力エラー：静的版の .entry-form.is-checked :invalid と同じ見え方に揃える */
.page--entry .wpcf7-form-control.wpcf7-not-valid{
  border-color:var(--magenta);
  box-shadow:3px 4px 0 var(--magenta);
}
.page--entry .wpcf7-not-valid-tip{
  display:block;
  margin-top:.35em;
  font-size:clamp(10px,min(calc(var(--cw) * .028),1.55dvh),12.5px);
  line-height:1.5;
  font-weight:900;
  color:var(--yellow);
}

/* 送信中のスピナー：ボタンの右に余白を作ってレイアウトを動かすため、
   通常フローから外して重ねる（静的版にはない要素） */
.page--entry .wpcf7-spinner{
  position:absolute;
  margin:0;
  opacity:0;
  pointer-events:none;
}
.page--entry .wpcf7-form.submitting .entry-submit{opacity:.6;pointer-events:none}

/* 送信結果の表示：初期状態では高さを持たせない */
.page--entry .wpcf7-response-output{
  margin:clamp(8px,1.6dvh,16px) 0 0;
  padding:.8em 1em;
  border:2.5px solid var(--ink);
  box-shadow:3px 4px 0 var(--ink);
  background:var(--white);
  color:var(--ink);
  font-size:clamp(11px,min(calc(var(--cw) * .031),1.7dvh),14px);
  line-height:1.6;
  font-weight:700;
}
.page--entry .wpcf7-form.init .wpcf7-response-output,
.page--entry .wpcf7-form.resetting .wpcf7-response-output{display:none}
.page--entry .wpcf7-form.sent .wpcf7-response-output{background:#dff5e1}
.page--entry .wpcf7-form.invalid .wpcf7-response-output,
.page--entry .wpcf7-form.unaccepted .wpcf7-response-output,
.page--entry .wpcf7-form.payment-required .wpcf7-response-output,
.page--entry .wpcf7-form.failed .wpcf7-response-output{background:#ffe6f2}