/* Login and Register Form Dark Mode Fixes - More aggressive overrides */

/* Fix the login card in dark mode */
.dark-theme .login-card,
.dark-theme .login-form-container {
    background-color: #1e1e1e !important;
    color: #ffffff !important;
}

/* Fix the form labels in dark mode */
.dark-theme .form-label,
.dark-theme label {
    color: #ffffff !important;
    font-weight: 500 !important;
}

/* Fix the form inputs in dark mode */
.dark-theme .form-control,
.dark-theme input[type="text"],
.dark-theme input[type="email"],
.dark-theme input[type="password"] {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
}

/* Fix input focus in dark mode */
.dark-theme .form-control:focus {
    border-color: #3f80ea !important;
    box-shadow: 0 0 0 0.2rem rgba(63, 128, 234, 0.25) !important;
}

/* Fix the checkbox text in dark mode */
.dark-theme .form-check-label {
    color: #ffffff !important;
}

/* Fix login button in dark mode */
.dark-theme .form-button,
.dark-theme .btn-primary {
    background-color: #3f80ea !important;
    border-color: #3f80ea !important;
    color: #ffffff !important;
}

/* Fix helper text and links in dark mode */
.dark-theme .login-helper-text,
.dark-theme .login-links a,
.dark-theme .text-muted {
    color: #bdbdbd !important;
}

/* Fix link colors in dark mode */
.dark-theme a {
    color: #4f95eb !important;
}

/* Fix link hover in dark mode */
.dark-theme a:hover {
    color: #6aabff !important;
    text-decoration: underline !important;
}

/* Dark mode for login/register area when dark theme is active */
body.dark-theme .login-container {
    background-color: #121212;
}

/* Light mode for login/register area when light theme is active */
body:not(.dark-theme) .login-container {
    background-color: #ffffff;
}

/* Fix forgot password link */
.dark-theme .login-form-container a {
    color: #6aabff !important;
}

/* Fix for heading text */
.dark-theme .login-form-container h3,
.dark-theme .login-form-container h4 {
    color: #ffffff !important;
}

/* Fix for the form group spacing */
.dark-theme .form-group {
    margin-bottom: 20px !important;
}

/* MudBlazor overrides for dark mode */
.dark-theme .mud-input,
.dark-theme .mud-input-control,
.dark-theme .mud-input-label,
.dark-theme .mud-input-slot {
    color: #ffffff !important;
}

.dark-theme .mud-input-outlined {
    background-color: #2d2d2d !important;
}

.dark-theme .mud-input-slot {
    background-color: #2d2d2d !important;
}

.dark-theme .mud-input-root {
    color: #ffffff !important;
}

/* Override any standard form elements that might be in use */
.dark-theme input,
.dark-theme select,
.dark-theme textarea {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
    border-color: #444444 !important;
}