/* ============================================================
   Classy theme — 追加/上書きスタイル
   （元の style.css は触らず、ここに追記していく）
   ============================================================ */

/* 1) ヘッダーの「無料見積もり」ボタンの横幅を広げる
      元CSSに media query 内の `padding-inline: 20px` があるため
      !important で明示的に上書きする */
.gcta {
  padding-inline: 28px !important;
  padding-block: 11px !important;
}
@media (max-width: 680px) {
  .gcta {
    padding-inline: 22px !important;
  }
}

/* 2) Service Area セクションの上に余白を追加
      （直前のバナーセクションとくっつくのを回避） */
#area { padding-top: clamp(64px, 8vw, 100px); }

/* 3) バナーバー（青いSUBSIDYボックスがあるセクション）の下に余白
      元HTMLに inline style で padding-bottom:0 が入っているため !important で上書き */
#subsidy { padding-bottom: clamp(48px, 6vw, 80px) !important; }

/* 4) お問い合わせフォームを PC 版で中央寄せ
      お問い合わせページ（.classy-page-contact）とトップページ下部（.classy-page-front）の両方
      SP版は .contact__grid が縦積みになるので影響なし */
@media (min-width: 768px) {
  .classy-page-contact .contact__grid,
  .classy-page-front #contact .contact__grid {
    justify-content: center;
  }
  .classy-page-contact #form,
  .classy-page-front #contact #form {
    max-width: 560px;
    margin-inline: auto;
    flex: 1 1 480px;
  }
}

/* ============================================================
   Contact Form 7 対応
   CF7 が出力する wpcf7 系のマークアップを、既存の .form / .field
   レイアウトに馴染ませるための微調整。
   ============================================================ */

/* CF7 のフォームコントロールラッパー <span class="wpcf7-form-control-wrap">
   はブロック的に振る舞わせる（inputやtextareaの幅計算を壊さないため） */
.form .wpcf7-form-control-wrap { display: block; width: 100%; }

/* CF7 の input / textarea / select に、既存の .field input と同じ挙動を保証 */
.form .wpcf7-form-control { width: 100%; box-sizing: border-box; }

/* バリデーションエラー（.wpcf7-not-valid-tip）を .field 内で見やすく */
.form .wpcf7-not-valid-tip {
  display: block; margin-top: 6px;
  color: #d94848; font-size: .78rem;
}
.form input.wpcf7-not-valid,
.form textarea.wpcf7-not-valid,
.form select.wpcf7-not-valid {
  border-color: #d94848 !important;
  background: rgba(217, 72, 72, .04);
}

/* CF7 のレスポンス（送信完了・エラー）表示を "done" 相当の見た目に */
.wpcf7 form .wpcf7-response-output {
  margin: 18px 0 0; padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid transparent;
  font-size: .9rem; line-height: 1.7;
}
.wpcf7 form.sent .wpcf7-response-output {
  background: #e8f7ef; border-color: #b6e3c8; color: #147a3a;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {
  background: #fdecec; border-color: #f0b6b6; color: #a63030;
}

/* CF7 送信中のスピナーを控えめに */
.wpcf7-spinner { margin-inline: 12px; }

/* 元テーマの .form 内に残っていた「送信ありがとう」の .done は CF7 使用時は非表示に */
.form > .done { display: none !important; }

/* CF7 の acceptance（同意チェック）を元テーマの .check と同じ見た目に */
.form .wpcf7-acceptance { display: block; }
.form .wpcf7-acceptance .wpcf7-list-item { margin: 0; }
.form .wpcf7-acceptance .wpcf7-list-item-label { margin-left: 6px; }