/* PTT forced login font */
body.login, body.login *, body.login input, body.login textarea, body.login select, body.login button, body.login label, body.login input::placeholder{font-family:'IRANYekanXFaNum',Tahoma,Arial,sans-serif!important;}
@font-face{
    font-family:'IRANYekanXFaNum';
    src:url('../fonts/IRANYekanXFaNum-Regular.woff2') format('woff2');
    font-weight:400;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family:'IRANYekanXFaNum';
    src:url('../fonts/IRANYekanXFaNum-Bold.woff2') format('woff2');
    font-weight:700;
    font-style:normal;
    font-display:swap;
}
:root{
    --ptt-blue:#227ed0;
    --ptt-blue-2:#1c8cff;
    --ptt-dark:#05080d;
    --ptt-gray:#5e6369;
    --ptt-card:#ffffff;
    --ptt-border:#dbe6f2;
    --ptt-text:#172033;
}
body.login{
    direction:rtl;
    min-height:100vh;
    font-family:'IRANYekanXFaNum',Tahoma,Arial,sans-serif;
    background:
        radial-gradient(circle at 18% 18%, rgba(34,126,208,.38), transparent 30%),
        radial-gradient(circle at 88% 80%, rgba(28,140,255,.28), transparent 32%),
        linear-gradient(135deg,#030508 0%,#10161f 46%,#05080d 100%);
    color:var(--ptt-text);
    display:flex;
    align-items:center;
    justify-content:center;
    overflow-x:hidden;
}
body.login:before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),
        linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:64px 64px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 82%);
}
body.login:after{
    content:"سامانه مدیریت تسک، شیفت و تابلو اعلانات";
    position:fixed;
    bottom:28px;
    left:50%;
    transform:translateX(-50%);
    color:rgba(255,255,255,.62);
    font-size:13px;
    letter-spacing:.1px;
    white-space:nowrap;
}
#login{
    width:min(430px,calc(100vw - 34px));
    padding:0;
    position:relative;
    z-index:1;
}
.login h1{
    margin:0 0 22px;
    text-align:center;
}
.login h1 a{
    width:100%;
    max-width:390px;
    height:92px;
    margin:0 auto;
    background-image:url('../images/life-pulse-pharmacy.png');
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    filter:drop-shadow(0 16px 30px rgba(0,0,0,.42));
}
.login form{
    margin:0;
    padding:32px 30px 28px;
    background:rgba(255,255,255,.94);
    border:1px solid rgba(255,255,255,.72);
    border-radius:28px;
    box-shadow:0 30px 80px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.85);
    backdrop-filter:blur(16px);
    position:relative;
    overflow:hidden;
}
.login form:before{
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:5px;
    background:linear-gradient(90deg,var(--ptt-blue),var(--ptt-blue-2),#7fc1ff);
}
.login label{
    display:block;
    margin:0 0 8px;
    color:#26364a;
    font-size:14px;
    font-weight:700;
}
.login form .input,
.login input[type="text"],
.login input[type="password"],
.login input[type="email"]{
    direction:ltr;
    text-align:left;
    width:100%;
    min-height:48px;
    padding:0 15px;
    border:1px solid var(--ptt-border);
    border-radius:15px;
    background:#f7fbff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
    font-family:'IRANYekanXFaNum',Tahoma,Arial,sans-serif;
    font-size:16px;
    color:#0d1726;
    transition:.2s ease;
}
.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus{
    border-color:var(--ptt-blue);
    box-shadow:0 0 0 4px rgba(34,126,208,.14);
    outline:none;
}
.login .forgetmenot{
    float:none;
    display:flex;
    align-items:center;
    gap:8px;
    margin:2px 0 18px;
}
.login .forgetmenot label{
    margin:0;
    font-weight:400;
    color:#516070;
}
.login .button.wp-hide-pw{
    color:var(--ptt-blue);
    top:6px;
    left:4px;
    right:auto;
}
.wp-core-ui .button-primary{
    width:100%;
    min-height:48px;
    border:0;
    border-radius:16px;
    background:linear-gradient(135deg,var(--ptt-blue),var(--ptt-blue-2));
    box-shadow:0 12px 24px rgba(34,126,208,.28);
    font-family:'IRANYekanXFaNum',Tahoma,Arial,sans-serif;
    font-weight:700;
    font-size:15px;
    text-shadow:none;
    transition:.2s ease;
}
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus{
    background:linear-gradient(135deg,#186ebb,#1986f4);
    transform:translateY(-1px);
    box-shadow:0 16px 34px rgba(34,126,208,.35);
}
.login #nav,
.login #backtoblog{
    margin:18px 0 0;
    padding:0;
    text-align:center;
    color:rgba(255,255,255,.7);
}
.login #nav a,
.login #backtoblog a{
    color:rgba(255,255,255,.82);
    text-decoration:none;
    font-family:'IRANYekanXFaNum',Tahoma,Arial,sans-serif;
}
.login #nav a:hover,
.login #backtoblog a:hover{
    color:#fff;
}
.login .message,
.login .notice,
.login #login_error{
    margin:0 0 18px;
    padding:14px 16px;
    border-radius:18px;
    border-right:5px solid var(--ptt-blue);
    border-left:0;
    background:rgba(255,255,255,.95);
    box-shadow:0 16px 38px rgba(0,0,0,.18);
    font-family:'IRANYekanXFaNum',Tahoma,Arial,sans-serif;
    color:#26364a;
}
.login #login_error{
    border-right-color:#e33636;
}
.language-switcher{
    display:none;
}
@media (max-width:480px){
    body.login{align-items:flex-start;padding-top:34px;}
    .login form{padding:28px 22px 24px;border-radius:24px;}
    .login h1 a{height:76px;}
    body.login:after{font-size:12px;bottom:18px;}
}

/* Version 1.7.2 - fix password visibility eye position */
.login .wp-pwd{
    position:relative!important;
}
.login .wp-pwd input.password-input,
.login input[type="password"]{
    padding-right:54px!important;
    padding-left:15px!important;
}
.login .button.wp-hide-pw,
.login .wp-pwd .button.wp-hide-pw{
    right:8px!important;
    left:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--ptt-blue)!important;
    z-index:3!important;
}
.login .button.wp-hide-pw .dashicons,
.login .wp-pwd .button.wp-hide-pw .dashicons{
    width:40px!important;
    height:40px!important;
    line-height:40px!important;
    font-size:20px!important;
}
