.custom-class {
    color: red;
}

/* Styles pour la validation des formulaires */
.field-error {
    border-color: #ef4444 !important;
    border-width: 2px !important;
    background-color: #fef2f2 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1) !important;
}

.field-error:focus {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2) !important;
    outline: none !important;
}

.field-error-message {
    color: #dc2626;
    font-size: 0.875rem;
    margin-top: 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.field-error-message::before {
    content: "⚠";
    font-size: 1rem;
}

/* Animation pour la surbrillance */
@keyframes highlightError {
    0% {
        background-color: #fef2f2;
    }
    50% {
        background-color: #fee2e2;
    }
    100% {
        background-color: #fef2f2;
    }
}

.field-error {
    animation: highlightError 0.5s ease-in-out;
}