/* ---- Design tokens ---- */
body.login.rw-login {
    /* Inherit brand tokens from rw-colors.css */
    --rw-accent: var(--rw-primary, #943333);
    --rw-accent-700: color-mix(in srgb, var(--rw-accent) 85%, #000 15%);
    --rw-text: #fff;
    --rw-black-text: #000;
    --rw-panel: rgba(0,0,0,.8);
    --rw-radius-form: 15px;
    --rw-radius: 5px;
    --rw-shadow: 0 10px 30px rgba(0,0,0,.25);
}

/* Background */
body.login{
    background: #111 url('/wp-content/themes/bb-theme-child/assets/images/splashpage-empire.png') center/cover no-repeat fixed;
}
@media (max-width: 782px){
    body.login{ background-attachment: scroll; background-position:center; }
}

/* Logo (use only ONE background declaration) */

body.login h1 a {
    background: url('/wp-content/themes/bb-theme-child/assets/images/RW-Login-Logo-New.png') center top / 276px no-repeat !important;
    width: 320px !important;
    height: 115px !important;
    text-indent: -9999px !important;
    margin: 0 auto 15px !important;
    display: block !important;
}


/* Panel */
.login form {
    margin: 0;
    padding: 26px 24px 46px;
    transition: background 0.3s ease;
    background: rgba( 255, 255, 255, 0.9 );
    border-radius: var(--rw-radius-form);
    box-shadow: var(--rw-shadow);
    backdrop-filter: blur( 15px );
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid transparent;
}
.login label{
    color: var(--rw-black-text); text-transform: uppercase; font-size: 12px;
}

/* Inputs (one rule for text/password) */
.login form .input,
.login input[type="text"],
.login input[type="password"]{
    width: 100%; font-size: 16px;
    padding: 10px 12px; margin: 6px 0 16px;
    color: var( --rw-black-text);
    background: transparent;
    border: 1px solid rgba(0,0,0,.8);
    border-radius: var(--rw-radius);
}
.login form .input:focus {
    outline: 2px solid color-mix(in srgb, var(--rw-accent) 70%, white);
    outline-offset: 2px;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--rw-accent) 50%, transparent);
}
.login form .input {
    transition: all 0.2s ease;
}

.login .dashicons-visibility {
    color: #943333 !important;
}

/* Primary button (single definition) */
.wp-core-ui .button-primary{
    width: 100%;
    background: var(--rw-accent);
    border-color: var(--rw-accent);
    color: #fff;
    border-radius: var(--rw-radius);
    box-shadow: none; text-shadow: none;
    transition: transform .06s ease, background .15s ease;
    text-transform: uppercase; padding: 8px 14px;
}
.wp-core-ui .button-primary:hover{ background: var(--rw-accent-700); border-color: var(--rw-accent-700); }
.wp-core-ui .button-primary:active{ transform: translateY(1px); }

/* Links */
p#nav{ font-weight:600; padding:0 !important; }
p#backtoblog{ display:none; }

/* Fine-tune admin email confirm screen button */
.login .admin-email__actions .button-primary{
    float:none; margin: .25em 0 0; width:100%;
}

/* Optional: make the eye icon visible on dark bg */
.login .dashicons-visibility{ color: #cbd5e1; }