/* フォームエラー表示用スタイル */
.error {
    border: 1px solid #e74c3c !important;
    background-color: #fff5f5;
}

.error-message {
    color: #e74c3c;
    font-size: 12px;
    margin-top: 5px;
    font-weight: bold;
}

/* フォーム送信中のスタイル */
.form-sending .btn {
    opacity: 0.7;
    cursor: not-allowed;
}

.form-sending .btn i.fa-spinner {
    margin-right: 8px;
}

/* フォームエラーコンテナ */
.form-errors-container {
    background-color: #fdecea;
    border: 1px solid #e74c3c;
    border-radius: 5px;
    padding: 15px 20px;
    margin-bottom: 20px;
    font-size: 0.95rem;
    color: #721c24;
}

.form-error {
    color: #e74c3c;
    font-weight: 500;
    margin: 5px 0;
    position: relative;
    padding-left: 20px;
}

.form-error:before {
    content: '\f071';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
}

/* フォームヘルプテキスト */
.form-help {
    font-size: 0.85rem;
    color: #666;
    margin-top: 0.25rem;
}

/* フォーム送信成功メッセージ */
.form-success {
    background-color: #d4edda;
    border: 1px solid #28a745;
    border-radius: 5px;
    padding: 15px 20px;
    margin-bottom: 20px;
    color: #155724;
}

/* ステータスメッセージのスタイル */
#submit-status {
    font-weight: 500;
    padding: 12px 15px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.status-success {
    background-color: #d4edda;
    border: 1px solid #28a745;
    color: #155724;
}

.status-error {
    background-color: #fdecea;
    border: 1px solid #e74c3c;
    color: #721c24;
}