/*
 * WP Modern Admin — Login Page
 */

body.wma-login {
    background: var(--wma-bg);
    font-family: var(--wma-font);
}

/* Dark scheme */
body.wma-login.wma-scheme-dark {
    background: #09090b;
}

/* ── Background decoration ── */
body.wma-login::before {
    content: '';
    position: fixed;
    inset: 0;
    background:
        radial-gradient(ellipse 80% 60% at 50% -10%, rgba(var(--wma-accent-rgb), .18) 0%, transparent 65%);
    pointer-events: none;
    z-index: 0;
}

/* ── Logo area ── */
#login h1 a,
.login h1 a {
    background-image: none !important;
    width: auto !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-indent: 0 !important;
    font-family: var(--wma-font) !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: var(--wma-text) !important;
    text-decoration: none !important;
    letter-spacing: -.03em !important;
    gap: 10px !important;
    padding: 8px !important;
}
body.wma-scheme-dark #login h1 a,
body.wma-scheme-dark .login h1 a {
    color: #f8fafc !important;
}

/* ── Login box ── */
#loginform,
#lostpasswordform,
#registerform {
    background: var(--wma-surface) !important;
    border: 1px solid var(--wma-border) !important;
    border-radius: var(--wma-r-xl) !important;
    box-shadow: 0 4px 32px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.06) !important;
    padding: 32px !important;
    margin-top: 20px !important;
}
body.wma-scheme-dark #loginform,
body.wma-scheme-dark #lostpasswordform,
body.wma-scheme-dark #registerform {
    background: #111113 !important;
    border-color: #27272a !important;
    box-shadow: 0 4px 32px rgba(0,0,0,.4) !important;
}

/* ── Inputs ── */
#loginform input[type="text"],
#loginform input[type="password"],
#loginform input[type="email"],
#lostpasswordform input[type="text"],
#lostpasswordform input[type="email"] {
    background: var(--wma-surface-2) !important;
    border: 1px solid var(--wma-border-strong) !important;
    border-radius: var(--wma-r-md) !important;
    color: var(--wma-text) !important;
    font-size: 14px !important;
    font-family: var(--wma-font) !important;
    padding: 10px 14px !important;
    height: auto !important;
    width: 100% !important;
    box-shadow: var(--wma-shadow-xs) !important;
    transition: border-color var(--wma-t), box-shadow var(--wma-t) !important;
    box-sizing: border-box !important;
}
body.wma-scheme-dark #loginform input[type="text"],
body.wma-scheme-dark #loginform input[type="password"],
body.wma-scheme-dark #loginform input[type="email"],
body.wma-scheme-dark #lostpasswordform input[type="text"],
body.wma-scheme-dark #lostpasswordform input[type="email"] {
    background: #18181b !important;
    border-color: #3f3f46 !important;
    color: #f8fafc !important;
}
#loginform input:focus,
#lostpasswordform input:focus {
    border-color: var(--wma-accent) !important;
    box-shadow: 0 0 0 3px rgba(var(--wma-accent-rgb), .12) !important;
    outline: none !important;
    background: var(--wma-surface) !important;
}

/* ── Labels ── */
#loginform label,
#lostpasswordform label {
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    color: var(--wma-text-muted) !important;
    font-family: var(--wma-font) !important;
    margin-bottom: 6px !important;
    display: block !important;
}

/* ── Submit button ── */
#loginform .button-primary,
#lostpasswordform .button-primary,
#wp-submit {
    background: var(--wma-accent) !important;
    border: none !important;
    border-radius: var(--wma-r-md) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: var(--wma-font) !important;
    height: auto !important;
    padding: 10px 24px !important;
    width: 100% !important;
    cursor: pointer !important;
    box-shadow: var(--wma-shadow-accent) !important;
    transition: background var(--wma-t), transform var(--wma-t), box-shadow var(--wma-t) !important;
    text-shadow: none !important;
    letter-spacing: 0 !important;
}
#loginform .button-primary:hover,
#lostpasswordform .button-primary:hover,
#wp-submit:hover {
    background: var(--wma-accent-hover) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(var(--wma-accent-rgb), .4) !important;
}
#loginform .button-primary:active,
#wp-submit:active {
    transform: translateY(0) !important;
}

/* ── Remember me ── */
#loginform .forgetmenot {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
#loginform .forgetmenot label {
    font-size: 12px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: var(--wma-text-muted) !important;
    margin: 0 !important;
    cursor: pointer !important;
}
#loginform .forgetmenot input[type="checkbox"] {
    accent-color: var(--wma-accent);
    width: 14px;
    height: 14px;
    cursor: pointer;
}

/* ── Login page nav links ── */
#nav, #backtoblog {
    text-align: center;
    padding: 8px 0 !important;
}
#nav a, #backtoblog a {
    color: var(--wma-text-muted) !important;
    font-size: 12px !important;
    font-family: var(--wma-font) !important;
    text-decoration: none !important;
    transition: color var(--wma-t) !important;
}
#nav a:hover, #backtoblog a:hover { color: var(--wma-accent) !important; }

/* ── Privacy policy link ── */
.privacy-policy-page-link {
    text-align: center !important;
}
.privacy-policy-page-link a {
    color: var(--wma-text-subtle) !important;
    font-size: 11px !important;
    font-family: var(--wma-font) !important;
    text-decoration: none !important;
}
.privacy-policy-page-link a:hover { color: var(--wma-accent) !important; }

/* ── Error / notice ── */
#login_error,
.login .message,
.login .success {
    background: transparent !important;
    border: 1px solid var(--wma-danger) !important;
    border-left-width: 3px !important;
    border-radius: var(--wma-r-md) !important;
    color: var(--wma-danger) !important;
    font-family: var(--wma-font) !important;
    font-size: 13px !important;
    padding: 12px 16px !important;
    margin-bottom: 16px !important;
    box-shadow: none !important;
}
.login .message,
.login .success {
    border-color: var(--wma-success) !important;
    color: var(--wma-success) !important;
}

/* ── Two-factor / password strength ── */
.login #pass-strength-result {
    border-radius: var(--wma-r) !important;
    border: none !important;
    font-family: var(--wma-font) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    margin-top: 6px !important;
}

/* ── Responsive ── */
#login { width: 100% !important; max-width: 380px !important; padding: 0 20px !important; }