/* ---- 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-panel: rgba(0,0,0,.8);
    --rw-radius: 6px;
    --rw-shadow: 0 10px 30px rgba(0,0,0,.25);
}

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

/* Logo (use only ONE background declaration) */
.login h1 a {
    background: image-set(
            url('/wp-content/themes/bb-theme-child/assets/images/RW-Login-Logo-New.png') 1x,
            url('/wp-content/themes/bb-theme-child/assets/images/RW-Login-Logo-New@2x.png') 2x
    ) center top / 276px no-repeat;
    width: 320px;
    height: 115px;
    text-indent: -9999px;
    margin: 0 auto 15px;
    display: block;
}


/* Panel */
.login form{
    margin: 0; padding: 26px 24px 46px;
    background: var(--rw-panel);
    border-radius: var(--rw-radius);
    box-shadow: var(--rw-shadow);
    backdrop-filter: saturate(1.2) blur(4px);
}
.login label{
    color: var(--rw-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-text);
    background: rgba(0,0,0,.3);
    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;
}

/* 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; }