/* バリデーションエラー時の入力欄: CakePHP 2.x FormHelper の form-error と
   Bootstrap 5 の is-invalid 両系統に適用する（前方互換） */
.form-control.form-error,
.form-control.is-invalid,
.form-select.form-error,
.form-select.is-invalid {
	border-color: #ef4444;
}

.form-control.form-error:focus,
.form-control.is-invalid:focus,
.form-select.form-error:focus,
.form-select.is-invalid:focus {
	border-color: #ef4444;
	box-shadow: 0 0 0 0.25rem rgba(239, 68, 68, 0.15);
}

/* エラーメッセージ: ヘルプテキスト (.text-muted) と色で明確に区別する */
.error-message,
.invalid-feedback {
	display: block;
	color: #ef4444;
	font-size: 0.875em;
	margin-top: 0.25rem;
}

/* .input-group 内に出力された場合は flex item として横並びにならず、
   入力欄＋ボタンの下に幅 100% で折り返す */
.input-group .error-message,
.input-group .invalid-feedback {
	flex-basis: 100%;
	width: 100%;
}