/* Validation Error Styling */
.validation-error {
    display: block;
    color: #dc3545;
    text-align: left;
    position: absolute;
    padding-top: 3px;
    font-size: 0.875rem;
    margin-top: 5px;
    width: 100%;
}

.validation-error-border {
    border: 1px solid #dc3545 !important;
}

.validation-success-border {
    border: 1px solid #ced4da !important;
}

/* Error message positioning for form fields */
.mob-form-label {
    position: relative;
}

.mob-form-label input.error {
    border-color: #dc3545;
}

.mob-form-label input.success {
    border-color: #28a745;
}

/* Specific styling for first_name and last_name validation */
#first_name.validation-error-border,
#last_name.validation-error-border {
    border: 1px solid #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

#first_name.validation-success-border,
#last_name.validation-success-border {
    border: 1px solid #ced4da !important;
    box-shadow: none;
}

/* Specific styling for address field validation */
#address.validation-error-border {
    border: 1px solid #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

#address.validation-success-border {
    border: 1px solid #ced4da !important;
    box-shadow: none;
}