/* ==========================================================================
   SYZ Capital – Custom wp-login.php Styles
   Matches Elementor global kit: primary #202945, accent #FF6C0E, font Maison Neue
   ========================================================================== */

/* ── Custom Font ─────────────────────────────────────────────────────────── */
@font-face {
    font-family: 'Maison Neue';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../../../../uploads/2025/09/MaisonNeue-Light.woff2') format('woff2');
}
@font-face {
    font-family: 'Maison Neue';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../../../../uploads/2025/09/MaisonNeue-Light.woff2') format('woff2');
}
@font-face {
    font-family: 'Maison Neue';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../../../../uploads/2025/09/MaisonNeue-Bold.woff2') format('woff2');
}

/* ── Page Background ─────────────────────────────────────────────────────── */
body.login {
    background-color: #eef3fd;
    font-family: 'Maison Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

/* ── Logo ────────────────────────────────────────────────────────────────── */
#login h1 a,
.login h1 a {
    background-image: url('../../../../uploads/2025/11/Syz-Capital-Logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 320px;
    height: 90px;
    max-width: 100%;
    margin: 0 auto 30px;
    display: block;
}

/* ── Login Box ───────────────────────────────────────────────────────────── */
.login form {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 30px 24px;
}

#loginform,
#lostpasswordform,
#resetpassform {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* ── Labels ──────────────────────────────────────────────────────────────── */
.login label {
    color: #202945;
    font-family: 'Maison Neue', sans-serif;
    font-weight: 700;
    font-size: 1.25em;
}

/* ── Inputs ──────────────────────────────────────────────────────────────── */
.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
    background: #ffffff;
    border: none;
    border-radius: 50px;
    padding: 12px 20px;
    font-family: 'Maison Neue', sans-serif;
    font-size: 15px;
    color: #202945;
    outline: none;
}

.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus {
    border: none;
    box-shadow: none;
    outline: none;
}

/* ── Submit Button (orange gradient) ─────────────────────────────────────── */
.login .button-primary,
.wp-core-ui .button-primary {
    background: linear-gradient(135deg, #FF6C0E 0%, #FFA400 50%, #FFC545 100%) !important;
    border: none !important;
    border-radius: 50px !important;
    color: #ffffff !important;
    font-family: 'Maison Neue', sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    padding: 12px 24px !important;
    text-shadow: none !important;
    box-shadow: none !important;
    transition: opacity 0.2s ease !important;
    cursor: pointer;
    width: 100%;
    height: auto !important;
    line-height: 1.5 !important;
}

.login .button-primary:hover,
.wp-core-ui .button-primary:hover {
    opacity: 0.9;
    box-shadow: none !important;
}

.login .button-primary:focus,
.wp-core-ui .button-primary:focus {
    box-shadow: none !important;
}

/* ── Links ───────────────────────────────────────────────────────────────── */
.login #nav a,
.login #backtoblog a {
    color: #202945;
    font-family: 'Maison Neue', sans-serif;
    font-size: 13px;
    text-decoration: none;
    transition: color 0.2s ease;
}

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

.login #nav,
.login #backtoblog {
    text-align: center;
}

/* ── Messages / Errors ───────────────────────────────────────────────────── */
.login .message,
.login .success {
    border-left: none;
    background: transparent;
    color: #202945;
    font-family: 'Maison Neue', sans-serif;
    font-weight: 400;
    font-size: 1.25em;
    text-align: center;
    border-radius: 0;
    box-shadow: none;
    padding: 8px 0;
    margin: 0 0 16px;
}

.login #login_error {
    border-left-color: #FF6C0E;
    background: rgba(255, 108, 14, 0.08);
    color: #202945;
    font-family: 'Maison Neue', sans-serif;
    border-radius: 8px;
}

#login_error a {
    color: #FF6C0E;
}

/* ── Remember Me checkbox ────────────────────────────────────────────────── */
.login .forgetmenot label {
    font-size: 13px;
    color: #202945;
}

/* ── Reset Password form extras ──────────────────────────────────────────── */
.login .wp-pwd {
    position: relative;
}

.login .wp-pwd input[type="password"] {
    background: #ffffff;
    border: none;
    border-radius: 50px;
    padding: 12px 50px 12px 20px;
    font-family: 'Maison Neue', sans-serif;
    font-size: 15px;
    color: #202945;
    outline: none;
    width: 100%;
    box-sizing: border-box;
}

.login .wp-pwd input[type="text"] {
    background: #ffffff;
    border: none;
    border-radius: 50px;
    padding: 12px 50px 12px 20px;
    font-family: 'Maison Neue', sans-serif;
    font-size: 15px;
    color: #202945;
    outline: none;
    width: 100%;
    box-sizing: border-box;
}

.login .wp-hide-pw {
    display: none !important;
}

#pass-strength-result {
    background: transparent !important;
    border: none !important;
    border-radius: 50px;
    padding: 8px 16px;
    margin-top: 8px;
    font-family: 'Maison Neue', sans-serif;
    font-size: 13px;
    text-align: center;
}

#pass-strength-result.strong {
    background: rgba(34, 113, 177, 0.1) !important;
    color: #2271b1;
}

#pass-strength-result.good {
    background: rgba(0, 163, 0, 0.1) !important;
    color: #00a300;
}

#pass-strength-result.bad,
#pass-strength-result.short {
    background: rgba(255, 108, 14, 0.1) !important;
    color: #FF6C0E;
}

.login .pw-weak {
    font-family: 'Maison Neue', sans-serif;
    font-size: 13px;
    color: #202945;
}

.login .button.button-secondary {
    background: transparent !important;
    border: 2px solid #202945 !important;
    border-radius: 50px !important;
    color: #202945 !important;
    font-family: 'Maison Neue', sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    padding: 12px 24px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    cursor: pointer;
    transition: all 0.2s ease;
    width: 100%;
    height: auto !important;
    line-height: 1.5 !important;
    text-align: center;
}

.login .button.button-secondary:hover {
    background: #202945 !important;
    color: #ffffff !important;
}

.login .description.indicator-hint {
    font-family: 'Maison Neue', sans-serif;
    font-size: 13px;
    color: rgba(32, 41, 69, 0.6);
}

.login .reset-pass-submit {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ── Privacy policy link ─────────────────────────────────────────────────── */
.login .privacy-policy-page-link a {
    color: rgba(32, 41, 69, 0.5);
}

.login .privacy-policy-page-link a:hover {
    color: #FF6C0E;
}

/* ── Hide "← Back to", language switcher ─────────────────────────────────── */
.language-switcher,
.login #backtoblog,
.login .language-switcher {
    display: none !important;
}

/* ── Wrapper width ───────────────────────────────────────────────────────── */
#login {
    width: 480px;
    padding: 40px 0;
}

/* ── Mobile ──────────────────────────────────────────────────────────────── */
@media screen and (max-width: 480px) {
    #login {
        width: 90%;
        padding: 24px 0;
    }

    .login form {
        padding: 24px 20px;
    }
}