/**
 * WCAG 2.0 AA Compliant Login Page CSS Fixes
 * - Improves contrast ratios to meet WCAG 2.0 AA requirements (4.5:1 minimum for normal text)
 * - Maintains Poseidon app brand identity
 */

/* Direct targeting of the login form elements */
.login-form input[type="submit"].btn-primary,
.login-form input.btn-primary,
.login-form button.btn-primary {
    background-color: #2ea900 !important; /* Darker green for better contrast */
    border-color: #2ea900 !important;
    color: #000000 !important; /* Black text for maximum contrast */
    font-weight: 700 !important; /* Make text bolder for better visibility */
}

/* Direct targeting of form labels */
.login-form label.form-label {
    color: #ffffff !important; /* Bright white for better contrast */
    font-weight: 600 !important; /* Make slightly bolder for better visibility */
}

/* Direct targeting of Remember Me label */
.login-form label.form-check-label {
    color: #ffffff !important; /* Bright white for better contrast */
    font-weight: 500 !important; /* Medium weight for better visibility */
}

/* Login header with improved visibility */
.login-form h2 {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Input fields with better contrast */
.login-form .form-control {
    background-color: rgba(255, 255, 255, 0.15) !important; /* Slightly lighter for better contrast */
    border: 1px solid rgba(255, 255, 255, 0.3) !important; /* Slightly more visible border */
    color: #ffffff !important;
}

/* Force specific styling regardless of other rules */
.login-form .btn-primary,
.login-form .btn-primary.btn-lg,
input[type="submit"].btn-primary.btn-lg {
    background-color: #2ea900 !important;
    border-color: #2ea900 !important;
    color: #000000 !important;
}
