/* ==========================================================================
   FUNDA LOGIN SKIN v1.1.0 (wp-login.php: login, register, lost password)
   Append fix blocks at the end; never rewrite this base block.
   ========================================================================== */

body.login {
    background:
        radial-gradient(800px 400px at 85% -10%, rgba(18, 183, 106, 0.25), transparent 60%),
        radial-gradient(600px 320px at 0% 110%, rgba(255, 201, 74, 0.18), transparent 60%),
        #06382B;
    font-family: "Figtree", -apple-system, sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
}

#login {
    width: 380px;
    max-width: calc(100vw - 32px);
    padding: 0;
}

/* Wordmark replaces the WP logo */
.login h1 a {
    background-image: none !important;
    width: auto;
    height: auto;
    font-size: 0;
    line-height: 1;
    text-indent: 0;
    margin-bottom: 8px;
}
.login h1 a::after {
    content: "funda.";
    display: block;
    font-family: "Bricolage Grotesque", sans-serif;
    font-weight: 800;
    font-size: 2.4rem;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    text-align: center;
}
.login h1 a::first-letter { color: #FFFFFF; }

/* Card */
.login form {
    background: #FFFFFF;
    border: none;
    border-radius: 20px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.30);
    padding: 30px 28px 28px;
    margin-top: 12px;
}
.login form .forgetmenot { font-size: 0.9rem; }
.login label {
    font-weight: 600;
    color: #14231D;
    font-size: 0.95rem;
}
.login form .input,
.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
    border: 1px solid #DCE7E1;
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 1rem;
    background: #FFFFFF;
    box-shadow: none;
    margin: 6px 0 14px;
}
.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus {
    border-color: #12B76A;
    box-shadow: 0 0 0 3px rgba(18, 183, 106, 0.18);
    outline: none;
}

/* Buttons */
.login .button-primary {
    background: #FFC94A !important;
    border: none !important;
    color: #06382B !important;
    font-weight: 700;
    font-size: 1rem;
    border-radius: 999px;
    padding: 6px 26px !important;
    min-height: 44px;
    text-shadow: none;
    box-shadow: none;
    transition: background 0.15s ease;
    width: 100%;
    margin-top: 6px;
}
.login .button-primary:hover { background: #E8AE28 !important; }

.login .wp-pwd .button.wp-hide-pw { color: #0B8A57; }
.login .wp-pwd .button.wp-hide-pw:focus { box-shadow: 0 0 0 2px rgba(18, 183, 106, 0.4); }

/* Links under the card */
.login #nav, .login #backtoblog {
    text-align: center;
    padding: 0;
    margin: 18px 0 0;
}
.login #nav a, .login #backtoblog a {
    color: rgba(255, 255, 255, 0.85);
    font-weight: 600;
}
.login #nav a:hover, .login #backtoblog a:hover { color: #FFC94A; }

/* Messages */
.login .message, .login .success {
    border-left: 4px solid #12B76A;
    border-radius: 10px;
}
.login #login_error {
    border-left: 4px solid #D63638;
    border-radius: 10px;
}

.login .privacy-policy-page-link a { color: rgba(255, 255, 255, 0.6); }

@media (max-width: 480px) {
    .login form { padding: 24px 20px 22px; }
}

/* ---- END v1.1.0 base block. Append fix blocks below. ---- */