/**
 * IS24 Login Branding — white-label styles for the /acceso login screen.
 * Loaded by IS24_Login_Branding (core/class-is24-login-branding.php).
 * Brand tokens mirror the is24-theme design system (design-system.md).
 */

:root {
    --is24-login-bg: #0F172A;
    --is24-login-surface: #FFFFFF;
    --is24-login-primary: #2569F1;
    --is24-login-primary-hover: #1D54C8;
    --is24-login-text: #0F172A;
    --is24-login-muted: #64748B;
    --is24-login-link: #94A3B8;
    --is24-login-border: #CBD5E1;
    --is24-login-error: #F87171;
    --is24-login-radius: 8px;
    --is24-login-font: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

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

/* Logo: replace the WordPress mark with the IS24 wordmark */
.login h1 a {
    background-image: url(../images/is24-logo-white.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 240px;
    height: 56px;
    margin-bottom: 8px;
}

/* Form card */
.login form {
    background: var(--is24-login-surface);
    border: none;
    border-radius: 14px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
    padding: 32px 28px;
    margin-top: 24px;
}

.login label {
    color: var(--is24-login-text);
    font-weight: 600;
    font-size: 13px;
}

.login form .input,
.login input[type="text"],
.login input[type="password"] {
    border: 1px solid var(--is24-login-border);
    border-radius: var(--is24-login-radius);
    padding: 8px 12px;
    font-size: 15px;
    box-shadow: none;
}

.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus {
    border-color: var(--is24-login-primary);
    box-shadow: 0 0 0 2px rgba(37, 105, 241, 0.25);
    outline: none;
}

.login .button.wp-hide-pw {
    color: var(--is24-login-muted);
}

/* Primary button */
.wp-core-ui .button-primary {
    background: var(--is24-login-primary);
    border-color: var(--is24-login-primary);
    border-radius: var(--is24-login-radius);
    font-weight: 600;
    text-shadow: none;
    box-shadow: none;
    padding: 4px 20px;
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
    background: var(--is24-login-primary-hover);
    border-color: var(--is24-login-primary-hover);
}

/* Links under the form ("Lost your password?", back to site) */
.login #nav,
.login #backtoblog {
    text-align: center;
}

.login #nav a,
.login #backtoblog a {
    color: var(--is24-login-link);
}

.login #nav a:hover,
.login #backtoblog a:hover {
    color: #FFFFFF;
}

/* Messages and errors */
.login .notice,
.login .message,
.login #login_error {
    border-left-color: var(--is24-login-primary);
    border-radius: var(--is24-login-radius);
}

.login #login_error {
    border-left-color: var(--is24-login-error);
}

/* Hide the privacy-policy link WP appends below the form */
.login .privacy-policy-page-link {
    display: none;
}