/* Custom Error Styling for better visibility */
.form-control.is-invalid, 
.form-select.is-invalid {
    background-color: #fff5f5 !important; /* Very light red background */
    border: 2px solid #dc3545 !important; /* Thicker red border */
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
    animation: shake 0.5s; /* Shake animation */
}

@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }
  75% { transform: translateX(-5px); }
  100% { transform: translateX(0); }
}

.invalid-feedback {
    font-weight: 600;
    font-size: 0.875rem;
    background-color: #dc3545;
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    margin-top: 0.25rem;
    display: inline-block;
}