/* WordPress login screens — «البطاقة المركزية» (v1.58). Flat: borders, no shadows. */
body.login.mkl-body{--nv:#202d66;--nv2:#2d3e7f;--or:#f47718;--ink:#1b1f2a;--tx:#4a5268;--mu:#6b7389;--ln:#e3e7f0;--ground:#f3f4f7;
	min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:96px 18px 70px;background:var(--ground);direction:rtl;font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif;color:var(--ink)}
body.login.mkl-body *{box-shadow:none!important;text-shadow:none!important}
.mkl-heat{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;height:8px}
.mkl-heat i{flex:1}
.mkl-heat i:nth-child(1){background:#8f9bc2}.mkl-heat i:nth-child(2){background:#b9c1d9}.mkl-heat i:nth-child(3){background:#e8ebf3}.mkl-heat i:nth-child(4){background:#fbe3cf}.mkl-heat i:nth-child(5){background:#f7b583}.mkl-heat i:nth-child(6){background:#f47718}
.mkl-top{position:absolute;top:30px;left:48px;right:48px;display:flex;justify-content:space-between;align-items:center}
.mkl-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none!important}
.mkl-brand span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--nv);color:#fff;font:700 14px "Readex Pro",sans-serif}
.mkl-brand b{color:var(--nv);font:700 17px "Readex Pro",sans-serif}
.mkl-back{color:var(--nv)!important;font-weight:600;text-decoration:none!important}
.mkl-back:hover{color:var(--or)!important}
body.mkl-body #login{width:100%;max-width:480px;padding:0;margin:0}
body.mkl-body #login>h1{display:none}
body.mkl-body #login *,body.mkl-body #login *::before,body.mkl-body #login *::after{box-sizing:border-box}
body.mkl-body #loginform,body.mkl-body #registerform,body.mkl-body #lostpasswordform,body.mkl-body #resetpassform{margin:0;padding:40px;border:1px solid var(--ln);border-radius:30px;background:#fff;overflow:visible}
.mkl-tabs{display:flex;gap:4px;margin:0 0 26px;padding:4px;border-radius:999px;background:var(--ground)}
.mkl-tabs a{flex:1;padding:10px;border-radius:999px;color:var(--nv)!important;text-align:center;font-weight:700;font-size:14.5px;text-decoration:none!important}
.mkl-tabs a.is-on{background:var(--nv);color:#fff!important}
.mkl-title{margin:0;color:var(--nv);font:700 32px/1.3 "Readex Pro",sans-serif}
.mkl-sub{margin:6px 0 12px!important;color:var(--tx);font-size:15px;line-height:1.7}
body.mkl-body #login form p{margin:0}
body.mkl-body #login form label{display:block;margin:16px 0 6px;color:var(--nv);font-size:13.5px;font-weight:600}
.mkl-label-row{display:flex;justify-content:space-between;align-items:center;margin-top:16px}
.mkl-label-row label{margin:0 0 0!important}
.mkl-forgot{color:var(--or)!important;font-size:13px;font-weight:700;text-decoration:none!important}
body.mkl-body #login input[type=text],body.mkl-body #login input[type=email],body.mkl-body #login input[type=password]{width:100%;height:52px;margin:6px 0 0;padding:0 16px;border:1.5px solid var(--ln)!important;border-radius:14px!important;background:#fff;color:var(--ink);font:400 15px "IBM Plex Sans Arabic",sans-serif;direction:ltr;text-align:right}
body.mkl-body #login input:focus{border-color:var(--nv)!important;outline:0}
body.mkl-body .wp-pwd{position:relative}
body.mkl-body .wp-pwd .button.wp-hide-pw{position:absolute;top:6px;left:6px;right:auto;height:46px;width:46px;border:0;background:transparent;color:var(--mu)}
body.mkl-body .wp-pwd .button.wp-hide-pw:focus{outline:2px solid var(--or)}
body.mkl-body #login .forgetmenot{float:none;margin-top:14px}
body.mkl-body #login .forgetmenot label{display:flex;align-items:center;gap:8px;margin:0;color:var(--tx);font-weight:400;font-size:14px}
body.mkl-body #login input[type=checkbox]{width:18px;height:18px;margin:0;border:1.5px solid var(--ln);border-radius:5px;accent-color:var(--or)}
body.mkl-body #login input[type=checkbox]:checked{background:var(--or);border-color:var(--or)}
body.mkl-body #login input[type=checkbox]:checked::before{filter:brightness(0) invert(1);margin:-1px 0 0 -2px}
body.mkl-body #login .submit{float:none;margin-top:20px!important}
body.mkl-body #login .button-primary,body.mkl-body #login #wp-submit{float:none;display:block;width:100%;height:54px;min-height:54px;margin:20px 0 0;padding:0 24px;border:0!important;border-radius:999px!important;background:var(--or)!important;color:#fff!important;font:700 16px "IBM Plex Sans Arabic",sans-serif;cursor:pointer;transition:background-color .2s}
body.mkl-body #login .button-primary:hover{background:#e0650a!important}
.mkl-switch{margin:18px 0 0!important;text-align:center;color:var(--tx);font-size:14.5px}
.mkl-switch a{color:var(--nv)!important;font-weight:700;text-decoration:underline!important}
body.mkl-body #login #nav,body.mkl-body #login #backtoblog{margin:16px 0 0;padding:0;text-align:center;font-size:14px}
body.mkl-body #login #nav a,body.mkl-body #login #backtoblog a{color:var(--nv)!important;font-weight:600}
body.mkl-body #login #backtoblog{display:none}
body.mkl-body #login .message,body.mkl-body #login .notice,body.mkl-body #login #login_error,body.mkl-body #login .success{margin:0 0 14px;padding:14px 18px;border:0;border-radius:16px;background:#e9eefc;color:var(--nv);font-size:14.5px}
body.mkl-body #login #login_error,body.mkl-body #login .notice-error{background:#fdecec;color:#a12828}
body.mkl-body #login .success,body.mkl-body #login .notice-success{background:#e8f6ee;color:#1f6b45}
body.mkl-body #reg_passmail,body.mkl-body .description,body.mkl-body .indicator-hint{margin-top:10px!important;color:var(--mu);font-size:13px}
body.mkl-body #pass-strength-result{margin-top:8px;border:0;border-radius:10px}
body.mkl-body .privacy-policy-page-link{margin-top:14px;text-align:center}
.mkl-trust{position:absolute;bottom:26px;left:0;right:0;margin:0;text-align:center;color:var(--mu);font-size:13px}
@media (max-width:640px){
	body.login.mkl-body{justify-content:flex-start;padding:90px 14px 70px}
	.mkl-top{top:24px;left:16px;right:16px}
	.mkl-brand b{font-size:14px}
	body.mkl-body #loginform,body.mkl-body #registerform,body.mkl-body #lostpasswordform,body.mkl-body #resetpassform{padding:26px 20px;border-radius:24px}
	.mkl-title{font-size:26px}
}

/* v1.58.1 — win over other login-styling plugins (dark-theme label colours, grey inputs, transparent card) */
html body.login.mkl-body{background:#f3f4f7!important;background-image:none!important}
html body.mkl-body #login form#loginform,html body.mkl-body #login form#registerform,html body.mkl-body #login form#lostpasswordform,html body.mkl-body #login form#resetpassform{background:#fff!important;background-image:none!important;border:1px solid #e3e7f0!important;border-radius:30px!important;backdrop-filter:none!important;opacity:1!important}
html body.mkl-body #login form label,html body.mkl-body #login form .user-pass-wrap label,html body.mkl-body #login form p label{color:#202d66!important;opacity:1!important;font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif!important}
html body.mkl-body #login .forgetmenot label{color:#4a5268!important}
html body.mkl-body #login form input[type=text],html body.mkl-body #login form input[type=email],html body.mkl-body #login form input[type=password]{background:#fff!important;background-image:none!important;color:#1b1f2a!important;border:1.5px solid #e3e7f0!important;-webkit-text-fill-color:#1b1f2a}
html body.mkl-body #login form input:focus{border-color:#202d66!important}
html body.mkl-body #login form input[type=checkbox]{background:#fff!important;border:1.5px solid #cfd5e3!important}
html body.mkl-body #login .wp-pwd .button.wp-hide-pw,html body.mkl-body #login .wp-pwd .button.wp-hide-pw .dashicons{color:#6b7389!important;background:transparent!important}
html body.mkl-body #login .mkl-title,html body.mkl-body #login .mkl-sub{font-family:"Readex Pro","IBM Plex Sans Arabic",sans-serif!important}
html body.mkl-body #login .mkl-sub{font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif!important;color:#4a5268!important}
html body.mkl-body #login .mkl-title{color:#202d66!important}
html body.mkl-body #login .forgetmenot :is(.dashicons,.tooltip,[class*="help"],[class*="tip"]){color:#6b7389!important}
html body.mkl-body #login .mkl-switch,html body.mkl-body #login .mkl-switch a{color:#202d66!important}

/* v1.58.2 — footer line and privacy link no longer overlap */
html body.login.mkl-body .mkl-trust{position:static!important;order:3;margin:22px 0 0!important;text-align:center;color:#6b7389!important;font-size:13px}
html body.login.mkl-body .privacy-policy-page-link{order:4;margin:8px 0 0!important;padding:0!important;text-align:center}
html body.login.mkl-body .privacy-policy-page-link a{color:#6b7389!important;font-size:13px;text-decoration:underline!important;text-underline-offset:3px}
html body.login.mkl-body .privacy-policy-page-link a:hover{color:#202d66!important}