/* ===== 初期：プレビュー非表示 ===== */
.wpcf7-form [data-nkcf-preview] {
  display: none !important;
  white-space: pre-wrap;
  word-break: break-word;
}

/* 初期ボタン状態 */
.wpcf7-form .nkcf-btn--back,
.wpcf7-form .nkcf-final-submit { display: none; }
.wpcf7-form .nkcf-btn--confirm,
.wpcf7-form .nkcf-initial-submit { display: inline-block; }

/* ===== 確認中 ===== */
/* 入力UIだけ隠す（ラッパを潰す）。submitはラッパ外なので残る */
.wpcf7-form.is-confirm .wpcf7-form-control-wrap,
.wpcf7-form.is-confirm .wpcf7-list-item {
  display: none !important;
}

/* エラーチップは確認中は隠す */
.wpcf7-form.is-confirm .wpcf7-not-valid-tip {
  display: none !important;
}

/* プレビューは確認中のみ表示 */
.wpcf7-form.is-confirm [data-nkcf-preview] {
  display: inline !important;
}

/* ボタン切替：確認中は「修正する」「この内容で送信」を出す */
.wpcf7-form.is-confirm .nkcf-btn--back,
.wpcf7-form.is-confirm .nkcf-final-submit { margin-left: 5px; display: inline-block !important; }
.wpcf7-form.is-confirm .nkcf-btn--confirm,
.wpcf7-form.is-confirm .nkcf-initial-submit { display: none !important; }

/* 任意の調整 */
.wpcf7-form.is-confirm td, 
.wpcf7-form.is-confirm th { vertical-align: top; }

/* ===== サンクス/失敗UIの土台 ===== */
.wpcf7-form .nkcf-result { display: none; margin: 1em 0 0; }
.wpcf7-form .nkcf-result.nkcf-success {
  display: block;
  padding: 1em 1.2em;
  border: 1px solid #cce1cc;
  background: #f4fbf4;
}
.wpcf7-form .nkcf-result.nkcf-error {
  display: block;
  padding: 1em 1.2em;
  border: 1px solid #f1c5c5;
  background: #fff5f5;
}

/* ===== 送信成功後はフォーム本体を隠す（プレビュー含め全体） ===== */
.wpcf7-form.is-sent .nkcf-form-shell { display: none !important; }
.wpcf7.is-sent .nkcf-form-shell { display: none !important; }

/* 補助：送信中はボタンを無効化（視覚） */
.wpcf7-form.is-submitting .nkcf-btn,
.wpcf7-form.is-submitting .nkcf-final-submit button[type="submit"] {
  pointer-events: none;
  opacity: .6;
}

/* ====== CF7 確認/修正ボタンの統一デザイン ====== */
.wpcf7 .nkcf-btn {
  position: relative;
  display: inline-block;
  min-width: 180px;
  height: 48px;
  padding: 0 18px;
  border: none;
  border-radius: 0;                 /* 既存submitに合わせる */
  box-sizing: border-box;
  font-size: 14px;
  line-height: 48px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all .3s;
  vertical-align: middle;
}

/* 主: 確認ボタン（塗り） */
.wpcf7 .nkcf-btn--confirm {
  background-color: #333333;
  color: #fff;
}
.wpcf7 .nkcf-btn--confirm:hover,
.wpcf7 .nkcf-btn--confirm:focus {
  background-color: #666666;
  color: #fff;
  outline: none;
}

/* 副: 修正ボタン（アウトライン） */
.wpcf7 .nkcf-btn--back {
  background: #fff;
  color: #333;
  border: 1px solid #ccc;
  line-height: 46px;                /* 枠分 調整 */
}
.wpcf7 .nkcf-btn--back:hover,
.wpcf7 .nkcf-btn--back:focus {
  border-color: #bbb;
  background: #f7f7f7;
  color: #111;
  outline: none;
}

/* 送信ボタンと横並び時の行調整（任意） */
.wpcf7 .nkcf-submit-row {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* 無効化（送信中など） */
.wpcf7 .nkcf-btn:disabled,
.wpcf7 .is-submitting .nkcf-btn,
.wpcf7 .is-submitting input.wpcf7-submit {
  opacity: .6;
  cursor: not-allowed;
  pointer-events: none;
}

td.nk-actions {
    text-align: center;
}