/* High Contrast Authentication Forms CSS */

/* Ensure maximum visibility for login and registration forms */
.auth-form-side .form-control {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #dee2e6 !important;
    font-weight: 500;
    font-size: 16px;
}

.auth-form-side .form-control:focus {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #0066cc !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 102, 204, 0.25) !important;
}

.auth-form-side .form-control::placeholder {
    color: #6c757d !important;
    opacity: 0.8;
    font-weight: 400;
}

.auth-form-side .form-label {
    color: #000000 !important;
    font-weight: 700 !important;
    font-size: 14px;
    margin-bottom: 8px;
}

.auth-form-side {
    background-color: #ffffff !important;
}

.auth-form-side h3,
.auth-form-side h2 {
    color: #000000 !important;
    font-weight: bold;
}

.auth-form-side p {
    color: #495057 !important;
}

/* For password fields specifically */
.password-toggle-field {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #dee2e6 !important;
}

/* Form validation styles */
.form-control.is-valid {
    border-color: #198754 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}

.form-control.is-invalid {
    border-color: #dc3545 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Links within auth forms */
.auth-form-side a {
    color: #0066cc !important;
    font-weight: 500;
}

.auth-form-side a:hover {
    color: #0052a3 !important;
}

/* Ensure buttons are visible */
.auth-form-side .btn-primary {
    background-color: #0066cc !important;
    border-color: #0066cc !important;
    color: #ffffff !important;
    font-weight: 600;
}

.auth-form-side .btn-primary:hover {
    background-color: #0052a3 !important;
    border-color: #0052a3 !important;
}

/* Form check (remember me checkbox) */
.auth-form-side .form-check-input {
    background-color: #ffffff !important;
    border: 2px solid #6c757d !important;
    width: 1.2em !important;
    height: 1.2em !important;
    border-radius: 0.25em !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
}

/* Checkbox hover state */
.auth-form-side .form-check-input:hover {
    border-color: #495057 !important;
    box-shadow: 0 0 0 2px rgba(108, 117, 125, 0.15) !important;
}

/* Checkbox focus state */
.auth-form-side .form-check-input:focus {
    border-color: #6366f1 !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2) !important;
}

/* Checkbox checked state */
.auth-form-side .form-check-input:checked {
    background-color: #6366f1 !important;
    border-color: #6366f1 !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
}

/* Checkbox checked hover state */
.auth-form-side .form-check-input:checked:hover {
    background-color: #5a5fcf !important;
    border-color: #5a5fcf !important;
}

.auth-form-side .form-check-label {
    color: #000000 !important;
    font-weight: 500;
    cursor: pointer !important;
    margin-left: 0.5rem !important;
}

/* Text color fixes for various elements */
.auth-form-side .text-muted {
    color: #495057 !important;
}

.auth-form-side .text-dark {
    color: #000000 !important;
}

/* Registration form specific adjustments */
.card-body .form-section h5 {
    color: #000000 !important;
    font-weight: 600;
}

/* Ensure proper contrast in card bodies */
.card-body {
    background-color: #ffffff !important;
    color: #000000 !important;
}