body.login.ga-login-page{background:radial-gradient(ellipse at top right,#0c6471 0,transparent 48%),linear-gradient(#0a1424 0,#0a1424 470px,#f5f8fb 470px);font-family:'Tajawal',sans-serif;margin:0;padding:0;color:#152a3d;min-height:100vh;height:auto}
body.ga-login-page .ga-home-v2{min-height:0}
body.ga-login-page #login{width:min(460px,calc(100% - 32px));box-sizing:border-box;margin:0 auto;padding:150px 0 30px}
body.ga-login-page #login .wp-login-logo{display:none}
body.ga-login-page .ga-login-intro{color:#fff;margin-bottom:28px;text-align:center}
body.ga-login-page .ga-login-intro>span{color:#8ae4eb;font-size:14px}
body.ga-login-page .ga-login-intro h1{font-family:'Cairo',sans-serif;font-size:32px;font-weight:800;line-height:1.6;margin:14px 0}
body.ga-login-page .ga-login-intro p{color:#bdd1df;font-size:17px;line-height:1.9;margin:0}
body.ga-login-page #login form{background:#fff;border:1px solid #dce7ee;border-radius:20px;padding:30px;box-shadow:0 20px 45px -26px #10263b77;margin-top:20px;overflow:visible;display:flow-root}
body.ga-login-page #login label{font-size:16px;font-weight:700;color:#152a3d;line-height:1.8}
body.ga-login-page #login input.input{background:#f7fafc;border:1px solid #b6cad7;border-radius:10px;min-height:50px;box-shadow:none;color:#152a3d;font-size:19px;padding:8px 12px}
body.ga-login-page #login input.password-input{padding-inline-end:48px}
body.ga-login-page #login .wp-hide-pw{min-height:50px;width:44px;color:#087985}
body.ga-login-page #login .button-primary{background:linear-gradient(135deg,#ffa336,#ff8a00);border:0;color:#152a3d;text-shadow:none;box-shadow:none;font-family:'Cairo',sans-serif;font-weight:800;font-size:15px;padding:7px 20px;min-height:46px;border-radius:10px}
body.ga-login-page #login input[type=checkbox]{accent-color:#088a96}
body.ga-login-page #login #nav,body.ga-login-page #login #backtoblog,body.ga-login-page #login .privacy-policy-page-link{padding:0;text-align:center;font-size:15px;line-height:1.8}
body.ga-login-page #login #nav a,body.ga-login-page #login #backtoblog a,body.ga-login-page #login .privacy-policy-page-link a{color:#087985}
body.ga-login-page #login .message,body.ga-login-page #login .notice,body.ga-login-page #login #login_error{border-radius:12px;padding:16px;font-size:16px;line-height:1.8}
body.ga-login-page .language-switcher{margin:0 auto 40px;max-width:calc(100% - 32px);text-align:center}
body.ga-login-page .language-switcher select{max-width:65vw;border-radius:8px}
body.ga-login-page .ga-login-footer{margin-top:30px}
body.ga-login-page #login :is(input,button,a):focus-visible{outline:3px solid #088a96;outline-offset:3px}
@media(max-width:600px){body.ga-login-page #login{padding-top:125px}body.ga-login-page #login form{padding:24px}body.ga-login-page .ga-login-intro h1{font-size:28px}body.ga-login-page #login .forgetmenot{float:none;margin-bottom:18px}body.ga-login-page #login .submit .button-primary{float:none;width:100%}}
/* Override the theme's legacy dark form selectors without changing form behavior. */
body.ga-login-page #login form:is(#loginform,#lostpasswordform,#resetpassform,#registerform) label{color:#152a3d;font-size:16px;opacity:1;text-transform:none;font-weight:700}
body.ga-login-page #login form:is(#loginform,#lostpasswordform,#resetpassform,#registerform) .input{background:#f7fafc;border:1px solid #b6cad7;border-radius:10px;color:#152a3d;min-height:50px;font-size:19px}
body.ga-login-page #login form#loginform input[type=checkbox]{background:#fff;border:1px solid #8faab9;border-radius:4px;color:#087985}
body.ga-login-page #login form#loginform input[type=checkbox]:checked:before{color:#087985}
body.ga-login-page:before{display:none}

/* ===== بطاقة الدخول بتصميم نافذة الدخول المنبثقة — 2026-09-26 =====
   مستقلة عن ملفات ووردبريس في /wp-admin/css/ (login و forms و buttons و wp-tooltip):
   تبيّن أنها قد لا تصل إلى بعض المتصفحات فيتفكك الشكل، فكل ما تحتاجه البطاقة مكتوب هنا. */
body.ga-login-page .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important;border:0!important}
body.ga-login-page .language-switcher{display:none!important}
body.ga-login-page #login{width:min(440px,calc(100% - 32px))!important;padding-top:150px!important}
body.ga-login-page #login *{box-sizing:border-box}
/* رأس البطاقة: الشعار والعنوان والوصف داخل البطاقة البيضاء */
body.ga-login-page .ga-login-intro{position:relative;z-index:1;background:#fff;border:1px solid #dce7ee;border-bottom:0;border-radius:24px 24px 0 0;padding:34px 34px 6px;margin:0!important;color:#152a3d;box-shadow:0 30px 60px -34px rgba(8,28,47,.55)}
body.ga-login-page .ga-login-intro::before{content:"";display:block;width:190px;height:60px;margin:0 auto 14px;background:url(/wp-content/uploads/2026/09/ga-brand-v1/ga-logo-primary-v1.png) center/contain no-repeat}
body.ga-login-page .ga-login-intro>span{display:none}
body.ga-login-page .ga-login-intro h1{color:#152a3d!important;font-family:'Cairo',sans-serif;font-size:30px!important;font-weight:800;line-height:1.5;margin:0 0 8px!important}
body.ga-login-page .ga-login-intro p{color:#6b7f90!important;font-size:15.5px!important;line-height:1.9;margin:0!important}
/* جسم البطاقة: النموذج */
body.ga-login-page #login form{position:relative;z-index:2;margin:0!important;border:1px solid #dce7ee!important;border-top:0!important;border-radius:0 0 24px 24px!important;padding:18px 34px 30px!important;box-shadow:0 30px 60px -34px rgba(8,28,47,.55)!important;background:#fff!important;font-family:'Tajawal',sans-serif}
body.ga-login-page #login form p,body.ga-login-page #login form .user-pass-wrap{margin:0 0 16px!important;padding:0}
body.ga-login-page #login form label{display:block;margin:0 0 7px!important;font-size:15.5px!important;font-weight:700!important;color:#152a3d!important;line-height:1.6!important}
body.ga-login-page #login form .input,body.ga-login-page #login form input[type=text],body.ga-login-page #login form input[type=email],body.ga-login-page #login form input[type=password]{display:block;width:100%!important;height:50px!important;min-height:50px!important;margin:0!important;padding:8px 14px!important;font-size:16px!important;line-height:1.4;color:#152a3d!important;background:#eef4fb!important;border:1px solid #c9d6e2!important;border-radius:12px!important;box-shadow:none!important;outline:0;font-family:inherit}
body.ga-login-page #login form .input:focus{border-color:#0b9aa6!important;box-shadow:0 0 0 3px rgba(11,154,166,.18)!important}
body.ga-login-page #login .wp-pwd{position:relative!important;margin:0!important}
body.ga-login-page #login form input.password-input{padding-left:48px!important;padding-right:14px!important}
body.ga-login-page #login .wp-hide-pw{position:absolute!important;left:5px!important;right:auto!important;top:50%!important;transform:translateY(-50%);width:40px!important;height:40px!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;background:transparent!important;border:0!important;box-shadow:none!important;color:#5b7385!important;cursor:pointer;border-radius:8px!important}
body.ga-login-page #login .wp-hide-pw:hover{color:#087985!important;background:#e3eef6!important}
body.ga-login-page #login .wp-hide-pw .dashicons{width:20px;height:20px;font-size:20px;line-height:1}
/* تذكرني وأيقونة المساعدة */
body.ga-login-page #login .forgetmenot{float:none!important;display:flex!important;align-items:center;gap:8px;margin:2px 0 20px!important}
body.ga-login-page #login .forgetmenot label{display:inline!important;margin:0!important;font-weight:600!important;font-size:15px!important}
body.ga-login-page #login .forgetmenot input[type=checkbox]{width:18px;height:18px;margin:0!important;accent-color:#088a96}
body.ga-login-page #login .wp-tooltip{position:relative;display:inline-flex}
body.ga-login-page #login .wp-tooltip__toggle{display:inline-flex!important;align-items:center;justify-content:center;width:22px!important;height:22px!important;min-height:0!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#7a8d9c!important;cursor:pointer}
body.ga-login-page #login .wp-tooltip__toggle .dashicons{width:18px;height:18px;font-size:18px}
body.ga-login-page #login .wp-tooltip__bubble{max-width:290px;padding:12px 14px 12px 34px;border:1px solid #dce7ee;border-radius:12px;background:#fff;color:#35495a;box-shadow:0 18px 40px -18px rgba(8,28,47,.45);font-size:13.5px;line-height:1.8;margin:0}
body.ga-login-page #login .wp-tooltip__close{position:absolute;top:8px;left:8px;width:22px;height:22px;padding:0;background:transparent;border:0;color:#7a8d9c;cursor:pointer}
/* زر الدخول بعرض البطاقة */
body.ga-login-page #login .submit{margin:0!important;padding:0!important;display:block}
body.ga-login-page #login .submit .button-primary,body.ga-login-page #login #wp-submit{float:none!important;display:block!important;width:100%!important;height:52px!important;min-height:52px!important;margin:0!important;padding:0 20px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#ffa336,#ff8a00)!important;color:#1c1307!important;font-family:'Cairo',sans-serif!important;font-size:17px!important;font-weight:800!important;text-shadow:none!important;box-shadow:0 14px 26px -12px rgba(255,138,0,.6)!important;cursor:pointer;line-height:52px!important}
body.ga-login-page #login .submit .button-primary:hover{filter:brightness(1.04)}
/* روابط أسفل البطاقة */
body.ga-login-page #login #nav{margin:22px 0 6px!important}
body.ga-login-page #login #nav,body.ga-login-page #login #backtoblog,body.ga-login-page #login .privacy-policy-page-link{font-size:14.5px!important}
body.ga-login-page #login #nav a,body.ga-login-page #login #backtoblog a,body.ga-login-page #login .privacy-policy-page-link a{text-decoration:none;font-weight:600}
body.ga-login-page #login #nav a:hover,body.ga-login-page #login #backtoblog a:hover{text-decoration:underline}
/* رسائل الخطأ والتنبيه بين رأس البطاقة ونموذجها تبقى داخل البطاقة */
body.ga-login-page #login #login_error,body.ga-login-page #login .message,body.ga-login-page #login .notice{position:relative;z-index:2;margin:0!important;background:#fff;border:1px solid #dce7ee;border-top:0;border-bottom:0;border-radius:0!important;padding:4px 34px 8px!important;box-shadow:none}
body.ga-login-page #login #login_error>*,body.ga-login-page #login .message>*{border-radius:10px}
body.ga-login-page #login #login_error{color:#9b1c1c}
@media(max-width:600px){body.ga-login-page #login{padding-top:118px!important}body.ga-login-page .ga-login-intro{padding:28px 22px 4px}body.ga-login-page #login form{padding:16px 22px 26px!important}body.ga-login-page .ga-login-intro h1{font-size:26px!important}body.ga-login-page #login #login_error,body.ga-login-page #login .message{padding:4px 22px 8px!important}}
/* تنبيه Caps Lock في ووردبريس (يُظهره user-profile.js بـ display:block عند الحاجة فقط) */
body.ga-login-page #login .wp-pwd .caps-warning{display:none;position:static;margin-top:8px;padding:6px 10px;background:#fff8e6;border:1px solid #f3c35a;border-radius:10px;color:#5a4300;font-size:13.5px;line-height:1.6}
body.ga-login-page #login .wp-pwd .caps-icon{display:inline-flex;width:18px;height:18px;margin-left:6px;vertical-align:middle}
body.ga-login-page #login .wp-pwd .caps-icon svg{width:18px;height:18px}
/* زر العين مثبّت على منتصف الحقل نفسه (50px) حتى لو ظهر تنبيه Caps Lock تحته */
body.ga-login-page #login .wp-hide-pw{top:25px!important}
body.ga-login-page.no-js .hide-if-no-js{display:none!important}