/*
 * OmranTheme — wp-login.php
 * Uses tokens.css variables and the Neo Sans Arabic faces from fonts.css.
 * Scoped to body.alomran-login (added by inc/login.php).
 */

body.alomran-login {
    direction: rtl;
    font-family: "NeoSansArabicRegular", "NeoSansArabic", sans-serif;
    color: var(--alomran-text);
    background: var(--alomran-surface);
    background: linear-gradient(to bottom, var(--alomran-surface-warm) 0%, var(--alomran-surface) 100%);
    min-height: 100vh;
}

body.alomran-login #login {
    padding-top: 6vh;
}

/* Logo (image URL is injected inline from inc/login.php) */
body.alomran-login h1 a {
    width: 120px;
    height: 120px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 14px;
}

/* Card */
body.alomran-login #loginform,
body.alomran-login #lostpasswordform,
body.alomran-login #resetpassform,
body.alomran-login #registerform {
    border: 1px solid var(--alomran-border-soft);
    border-radius: var(--alomran-radius-lg);
    background: var(--alomran-white);
    box-shadow: var(--alomran-shadow-md);
    padding: 26px 26px 30px;
}

body.alomran-login .login form .input,
body.alomran-login .login input[type="text"],
body.alomran-login .login input[type="password"],
body.alomran-login form .input,
body.alomran-login input[type="text"],
body.alomran-login input[type="password"] {
    border: 1px solid var(--alomran-gold-mid);
    border-radius: var(--alomran-radius-xs);
    background: var(--alomran-white);
    color: var(--alomran-brown);
    font-family: inherit;
    font-size: var(--alomran-fs-ui);
    min-height: 42px;
    box-shadow: none;
}

body.alomran-login input[type="text"]:focus,
body.alomran-login input[type="password"]:focus,
body.alomran-login input[type="checkbox"]:focus {
    border-color: var(--alomran-green);
    box-shadow: var(--alomran-focus-ring);
    outline: 0;
}

body.alomran-login label {
    color: var(--alomran-brown);
    font-size: var(--alomran-fs-sm);
    font-weight: 700;
}

body.alomran-login .wp-pwd .button.wp-hide-pw {
    color: var(--alomran-green);
}

/* Remember me / submit row */
body.alomran-login .forgetmenot {
    float: right;
}

body.alomran-login .submit {
    float: left;
}

body.alomran-login .wp-core-ui .button-primary {
    background: var(--alomran-green);
    border-color: var(--alomran-green-dark);
    color: var(--alomran-gold);
    border-radius: var(--alomran-radius-xs);
    font-family: inherit;
    font-weight: 700;
    min-height: 40px;
    padding: 0 22px;
    text-shadow: none;
    box-shadow: none;
}

body.alomran-login .wp-core-ui .button-primary:hover,
body.alomran-login .wp-core-ui .button-primary:focus {
    background: var(--alomran-green-hover);
    border-color: var(--alomran-green-hover);
    color: var(--alomran-gold-light);
}

body.alomran-login .wp-core-ui .button-primary:focus {
    box-shadow: var(--alomran-focus-ring);
}

/* Messages */
body.alomran-login .message,
body.alomran-login .success,
body.alomran-login #login_error {
    border-radius: var(--alomran-radius-sm);
    border-inline-start: 4px solid var(--alomran-gold-mid);
    border-inline-end: 0;
    box-shadow: var(--alomran-shadow-sm);
    background: var(--alomran-white);
    color: var(--alomran-text);
}

body.alomran-login #login_error {
    border-inline-start-color: #a13a2f;
}

/* Links under the card */
body.alomran-login #nav,
body.alomran-login #backtoblog {
    text-align: center;
    font-size: var(--alomran-fs-sm);
}

body.alomran-login #nav a,
body.alomran-login #backtoblog a,
body.alomran-login .privacy-policy-page-link a {
    color: var(--alomran-green-dark);
}

body.alomran-login #nav a:hover,
body.alomran-login #backtoblog a:hover,
body.alomran-login .privacy-policy-page-link a:hover {
    color: var(--alomran-brown);
}

@media (max-width: 480px) {
    body.alomran-login #login {
        padding-top: 4vh;
        width: calc(100% - 32px);
    }

    body.alomran-login h1 a {
        width: 96px;
        height: 96px;
    }
}