/*
 * AIM Form - Error Field Highlighting Styles
 * Highlights only the input field itself, not the entire form group
 */

/* Highlight the input/select/textarea within error field */
.aim-form-error-field .form-control,
.aim-form-error-field .form-select,
.aim-form-error-field .select2-container,
.aim-form-error-field textarea,
.aim-form-error-field input[type="text"],
.aim-form-error-field input[type="email"],
.aim-form-error-field input[type="number"],
.aim-form-error-field input[type="password"],
.aim-form-error-field input[type="tel"],
.aim-form-error-field input[type="url"],
.aim-form-error-field input[type="date"],
.aim-form-error-field input[type="time"],
.aim-form-error-field input[type="datetime-local"] {
    border-color: #dc3545 !important;
    border-width: 2px !important;
    background-color: rgba(220, 53, 69, 0.05) !important;
    animation: errorFieldPulse 0.5s ease-in-out;
    transition: all 0.3s ease;
}

/* Pulse animation for error fields */
@keyframes errorFieldPulse {
    0%, 100% {
        background-color: rgba(220, 53, 69, 0.05);
        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.4);
    }
    50% {
        background-color: rgba(220, 53, 69, 0.1);
        box-shadow: 0 0 0 4px rgba(220, 53, 69, 0.2);
    }
}

/* Add subtle glow to error field inputs on focus */
.aim-form-error-field .form-control:focus,
.aim-form-error-field .form-select:focus,
.aim-form-error-field textarea:focus,
.aim-form-error-field input:focus {
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25) !important;
    border-color: #dc3545 !important;
}

/* Error field label styling - make it more prominent */
.aim-form-error-field .form-label {
    color: #dc3545 !important;
    font-weight: 600 !important;
}

/* Make error messages more prominent */
.aim-form-error-field .field-error {
    font-weight: 500;
}

/* Card-based form groups (like table fields) */
.aim-form-error-field.card {
    border-color: #dc3545 !important;
    border-width: 2px !important;
}