/**
 * MA Media Branding — Login Screen CSS (v1.2.9)
 * Sobrepõe os estilos default do WP login (não os remove).
 */

/* ── Base ────────────────────────────────── */
body.login {
    background: var(--mmbr-login-bg, #090909) !important;
    font-family: 'Inter', system-ui, sans-serif !important;
}
.login #login {
    padding: 6% 0 0 !important;
    width: 360px !important;
}

/* ── Logo ────────────────────────────────── */
.login h1 a {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 200px !important;
    height: 40px !important;
    margin: 0 auto 8px !important;
    padding: 0 !important;
}
.mmbr-login-subtitle {
    text-align: center;
    font-size: 10px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--mmbr-login-label, #9a998e);
    margin-bottom: 24px;
    font-family: 'Inter', sans-serif;
}
.mmbr-login-form-title {
    font-family: 'Inter', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--mmbr-login-text, #f0efe8);
    text-align: center;
    margin-bottom: 28px;
    letter-spacing: .04em;
}

/* ── Alertas (estado lifecycle + broadcast) ── */
.mmbr-login-alerts {
    width: 360px;
    margin: 0 auto 20px;
}
.mmbr-login-alert {
    background: var(--mmbr-login-form-bg, #0f0f0d);
    border: 1px solid var(--mmbr-login-form-border, #242422);
    border-left-width: 3px;
    border-radius: 8px;
    padding: 10px 14px;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 1.6;
    color: var(--mmbr-login-text, #f0efe8);
    text-align: left;
    font-family: 'Inter', sans-serif;
}
.mmbr-login-alert:last-child {
    margin-bottom: 0;
}

/* ── Form card ───────────────────────────── */
.login form,
#loginform,
#registerform,
#lostpasswordform {
    background: var(--mmbr-login-form-bg, #0f0f0d) !important;
    border: 1px solid var(--mmbr-login-form-border, #242422) !important;
    border-radius: 16px !important;
    padding: 40px 36px !important;
    box-shadow: 0 24px 64px rgba(0,0,0,.35) !important;
    margin-top: 0 !important;
}

/* ── Labels ──────────────────────────────── */
.login form .input,
.login form input[type="text"],
.login form input[type="password"],
.login form input[type="email"],
.login input[type="text"],
.login input[type="password"] {
    width: 100% !important;
    background: var(--mmbr-login-input-bg, #090909) !important;
    border: 1px solid var(--mmbr-login-input-border, #6a6960) !important;
    border-radius: 10px !important;
    padding: 11px 14px !important;
    font-size: 14px !important;
    color: var(--mmbr-login-input-text, #f0efe8) !important;
    font-family: 'Inter', system-ui, sans-serif !important;
    outline: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    height: auto !important;
}
.login form .input:focus,
.login form input:focus {
    border-color: var(--mmbr-login-link, #b8a07a) !important;
    box-shadow: none !important;
}
.login label {
    color: var(--mmbr-login-label, #9a998e) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-family: 'Inter', sans-serif !important;
}

/* ── Remember me ─────────────────────────── */
.login .forgetmenot {
    float: none !important;
}
.login .forgetmenot label {
    font-size: 12px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: var(--mmbr-login-label, #9a998e) !important;
    display: flex !important;
    align-items: center;
    gap: 8px;
}
.login .forgetmenot input[type="checkbox"] {
    accent-color: var(--mmbr-login-link, #b8a07a);
}

/* ── Submit button ───────────────────────── */
.login .button-primary,
.login #wp-submit {
    width: 100% !important;
    background: var(--mmbr-login-btn-bg, #b8a07a) !important;
    color: var(--mmbr-login-btn-text, #000) !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 12px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer;
    font-family: 'Inter', system-ui, sans-serif !important;
    text-shadow: none !important;
    box-shadow: none !important;
    float: none !important;
    margin-top: 8px;
    height: auto !important;
    line-height: 1.4 !important;
}
.login .button-primary:hover,
.login #wp-submit:hover {
    background: var(--mmbr-login-btn-bg, #b8a07a) !important;
    opacity: .85;
}
.login .submit {
    padding: 0 !important;
    margin: 0 !important;
}

/* ── Links ───────────────────────────────── */
.login #nav,
.login #backtoblog {
    padding: 0 !important;
    margin: 12px 0 0 !important;
    text-align: center;
}
.login #nav a,
.login #backtoblog a,
.login .privacy-policy-page-link a {
    color: var(--mmbr-login-link, #b8a07a) !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-family: 'Inter', sans-serif !important;
}
.login #nav a:hover,
.login #backtoblog a:hover {
    color: var(--mmbr-login-link, #b8a07a) !important;
    opacity: .7;
}

/* Hide default "Back to" — we add our own */
.login #backtoblog { display: none !important; }

/* ── Separator before nav ────────────────── */
.login #nav {
    border-top: 1px solid var(--mmbr-login-form-border, #242422);
    padding-top: 16px !important;
    margin-top: 20px !important;
}

/* ── Our custom back link ────────────────── */
.mmbr-login-back {
    text-align: center;
    margin-top: 24px;
}
.mmbr-login-back a {
    font-size: 12px !important;
    color: var(--mmbr-login-label, #9a998e) !important;
    text-decoration: none !important;
    font-family: 'Inter', sans-serif !important;
    transition: color .15s;
}
.mmbr-login-back a:hover {
    color: var(--mmbr-login-text, #f0efe8) !important;
}

/* ── Footer ──────────────────────────────── */
.mmbr-login-footer {
    font-size: 11px;
    color: rgba(255,255,255,.15);
    text-align: center;
    margin-top: 32px;
    line-height: 1.7;
    font-family: 'Inter', sans-serif;
}
.mmbr-login-footer a {
    color: rgba(255,255,255,.25) !important;
    text-decoration: none !important;
}

/* ── Error/message boxes ─────────────────── */
.login .message,
.login .success,
.login #login_error {
    background: var(--mmbr-login-form-bg, #0f0f0d) !important;
    border: 1px solid var(--mmbr-login-form-border, #242422) !important;
    border-radius: 10px !important;
    color: var(--mmbr-login-text, #f0efe8) !important;
    padding: 12px 16px !important;
    margin: 0 0 16px !important;
    box-shadow: none !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
}
.login #login_error {
    border-left: 3px solid #E24B4A !important;
}
.login .message {
    border-left: 3px solid var(--mmbr-login-link, #b8a07a) !important;
}
.login #login_error a,
.login .message a {
    color: var(--mmbr-login-link, #b8a07a) !important;
}

/* ── Language switcher ───────────────────── */
.language-switcher {
    margin: 16px auto 0 !important;
    text-align: center;
}
.language-switcher select {
    background: var(--mmbr-login-input-bg, #090909) !important;
    border: 1px solid var(--mmbr-login-input-border, #6a6960) !important;
    color: var(--mmbr-login-input-text, #f0efe8) !important;
    border-radius: 10px !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
    font-family: 'Inter', sans-serif !important;
}
.language-switcher .button {
    background: var(--mmbr-login-form-bg, #0f0f0d) !important;
    border: 1px solid var(--mmbr-login-input-border, #6a6960) !important;
    color: var(--mmbr-login-label, #9a998e) !important;
    border-radius: 10px !important;
    font-family: 'Inter', sans-serif !important;
}

/* ── Privacy ─────────────────────────────── */
.login .privacy-policy-page-link {
    margin: 12px 0 0 !important;
    text-align: center;
}

/* ── Cloudflare Turnstile / CAPTCHA ──────── */
.login .cf-turnstile,
.login .g-recaptcha,
.login iframe[src*="turnstile"],
.login iframe[src*="recaptcha"] {
    margin: 12px auto !important;
    display: flex !important;
    justify-content: center !important;
}

/* ── p wrappers ──────────────────────────── */
.login form p {
    margin-bottom: 16px !important;
}
.login form p.submit {
    margin-bottom: 0 !important;
}

/* ── Password toggle button ──────────────── */
.login .wp-pwd .button.wp-hide-pw {
    color: var(--mmbr-login-label, #9a998e) !important;
    background: transparent !important;
    border: none !important;
}
.login .wp-pwd {
    position: relative;
}

/* ── Caps lock indicator (v1.0.3) ────────── */
.login .wp-pwd .button.wp-hide-pw .dashicons {
    color: var(--mmbr-login-label, #9a998e) !important;
    width: 20px !important;
    height: 20px !important;
}
.login .wp-pwd .pw-weak {
    color: var(--mmbr-login-text, #f0efe8) !important;
}
.login .indicator-hint {
    color: var(--mmbr-login-label, #9a998e) !important;
}
/* Caps lock warning — make visible */
.login .wp-login-caps-lock-warning,
.login #caps-lock-warning {
    color: #EF9F27 !important;
    font-size: 12px !important;
    padding: 4px 0 !important;
    visibility: visible !important;
    display: block !important;
}