/**
 * Contact Form 7 調整
 * Tailwind のビルドを経由せずに読み込む補正用 CSS（functions.php で enqueue）.
 */

/* 入力欄をラッパーいっぱいに広げる */
.wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

/* リサイズハンドルが送信ボタンに重なるため非表示 */
.wpcf7-textarea {
  resize: none;
}

.wpcf7-form-control:focus {
  outline: none;
  border-color: #4299E1;
}

/* 送信ボタン内のスピナー（CF7 5.5+ が JS で挿入）をレイアウトから外して中央に重ねる */
.wpcf7-submit {
  cursor: pointer;
}

/* CF7 の class: オプションは「md:」付きクラスを指定できないためここで対応 */
@media (min-width: 768px) {
  .wpcf7-submit {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.wpcf7 .wpcf7-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  transform: translate(-50%, -60%);
  background-color: rgba(255, 255, 255, 0.35);
  opacity: 1;
}

/* 送信中はアイコンを隠してスピナーだけ表示 */
.wpcf7 form.submitting button img {
  visibility: hidden;
}

/* バリデーションメッセージ */
.wpcf7-not-valid-tip {
  margin-top: 0.25rem;
  font-size: 0.75rem;
}

.wpcf7-form-control.wpcf7-not-valid {
  border-color: #dc3232;
}

/* 送信結果メッセージ（グラデーション背景の上でも読めるように） */
.wpcf7 form .wpcf7-response-output {
  margin: 1.5rem 0 0;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  background-color: #fff;
  font-size: 0.875rem;
  line-height: 1.6;
}