/* Client Zone Custom Styles */

/* Make registration/login form wider */
.page-login .login-wrapper,
.login-wrapper {
    max-width: 600px !important;
    width: 100% !important;
}

.page-login .content {
    max-width: 100% !important;
}

/* Required field asterisk */
.required-asterisk {
    color: #dc3545;
}

/* Form Error Messages - Red Styling */
.form-group ul {
    color: #dc3545 !important;
    font-size: 0.875rem;
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
    list-style: none;
    padding-left: 0;
}

.form-group ul li {
    color: #dc3545 !important;
}

.form-error-message,
.invalid-feedback,
.form-error-icon + .form-error-message {
    color: #dc3545 !important;
    font-size: 0.875rem;
    margin-top: 0.25rem;
    display: block;
}

.form-group .invalid-feedback {
    display: block;
}

/* Input validation states */
.form-control.is-invalid {
    border-color: #dc3545;
}

.form-control.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}