/* ============================================================
   カスタムバリデーション エラー表示用スタイル
   form.css の末尾に追記してください
   ============================================================ */

/* エラーメッセージ */
.field-error {
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 1.5;
  color: #d5001c; /* VWレッド系 */
  font-weight: 600;
}

/* エラー中の入力欄 */
input.is-invalid,
select.is-invalid,
textarea.is-invalid {
  border-color: #d5001c !important;
  background-color: #fef6f7;
}

input.is-invalid:focus,
select.is-invalid:focus,
textarea.is-invalid:focus {
  outline-color: #d5001c;
  box-shadow: 0 0 0 3px rgba(213, 0, 28, 0.15);
}

/* チェックボックス・ラジオ（タイル/チップ）のエラー時 */
.privacy-box.has-error .radio-tile,
.has-error .checkbox-tile,
.has-error .checkbox-chip {
  outline: 2px solid #d5001c;
  outline-offset: -2px;
  border-radius: 6px;
}

/* 送信中ボタン */
button.is-submitting {
  opacity: 0.6;
  pointer-events: none;
}