/* ─────────────── WP Login Overrides ─────────────── */

body.login.realcruits-login {
    background: linear-gradient(180deg, #E6EEF0, #E6EEF0);
    font-family: "Encode Sans Expanded", "Maven Pro", sans-serif
}

body.login.realcruits-login #login {
    width: 100%;
    max-width: 680px;
    margin: 30px auto;
    padding: var(--rc-space-20) var(--rc-space-24);
    background: var(--rc-card-bg);
    border: 1px solid #e2e2e2;
    border-radius: var(--rc-radius-sm);
    box-shadow: var(--rc-shadow-sm)
}

body.login.realcruits-login h1 {
    display: none
}

body.login.realcruits-login .message,
body.login.realcruits-login #login_error {
    border-radius: var(--rc-radius-sm)
}

body.login.realcruits-login .input {
    width: 100%;
    padding: 0 var(--rc-space-20);
    height: 46px;
    border: 1px solid var(--rc-border);
    background: #fdfefe;
    border-radius: var(--rc-radius-lg);
    font-size: var(--rc-text-md)
}

/* Slimmer primary buttons to match RealCruits small variant */
body.login.realcruits-login .button.button-primary {
    background: var(--rc-primary);
    color: var(--rc-ink);
    border: none;
    padding: var(--rc-space-8) var(--rc-space-16);
    border-radius: 10px;
    font-weight: var(--rc-font-weight-bold);
    /* 700 */
    font-size: var(--rc-text-base);
    line-height: 1.4;
    box-shadow: var(--rc-shadow-sm);
    text-decoration: none !important
}

@media (hover: hover) {
	body.login.realcruits-login .button.button-primary:hover {
		background: var(--rc-primary-hover);
		box-shadow: var(--rc-shadow-btn-hover);
		text-decoration: none !important
	}
}

body.login.realcruits-login .button.button-primary:focus {
    outline: 2px solid var(--rc-ink);
    outline-offset: 2px;
    text-decoration: none !important
}

/* Ensure other buttons are subtle and slim as well */
body.login.realcruits-login .button {
    padding: var(--rc-space-8) 14px;
    border-radius: var(--rc-radius-sm);
    font-size: var(--rc-text-sm);
    line-height: 1.4;
    text-decoration: none !important
}

body.login.realcruits-login form {
    background: transparent;
    border: none;
    box-shadow: none
}

body.login.realcruits-login #nav,
body.login.realcruits-login #backtoblog {
    display: none
}

/* ─────────────── Shortcode Overrides ─────────────── */

/* Tighter spacing for the shortcode form per user request */
.realcruits-page.rc-login-form {
    padding: var(--rc-space-20);
    margin: 0 auto;
}

/* Ensure standard field spacing matches tight look */
.rc-login-form label {
    margin-bottom: var(--rc-space-8);
}

/* ─────────────── Mobile Responsive ─────────────── */

/* Tablet: 480px - 680px */
@media (max-width: 680px) {
    body.login.realcruits-login #login {
        padding: var(--rc-space-16);
        margin: 20px auto;
    }

    #realcruits-login-form.rc-login-form {
        padding: var(--rc-space-24);
    }
}

/* Mobile: Below 480px */
@media (max-width: 480px) {
    body.login.realcruits-login #login {
        max-width: 100%;
        padding: var(--rc-space-12);
        margin: 10px auto;
    }

    #realcruits-login-form.rc-login-form {
        padding: var(--rc-space-16);
        margin: var(--rc-space-20) auto;
    }

    #realcruits-login-form h3 {
        font-size: var(--rc-text-xl);
        margin-bottom: var(--rc-space-16);
    }

    /* Stack role pills vertically on very small screens */
    .rc-login-roles {
        flex-direction: column;
        gap: var(--rc-space-6);
    }

    .rc-role-pill {
        width: 100%;
        justify-content: center;
    }

    /* Reduce button size */
    .rc-login-actions .realcruits-btn-primary {
        width: 100%;
        padding: var(--rc-space-12) var(--rc-space-16);
    }

    /* Stack signup links vertically */
    .rc-signup-links {
        flex-direction: column;
        gap: var(--rc-space-6);
    }

    .rc-sep {
        display: none;
    }
}