/**
 * Pro Dashboard - Login Page (v3.2.3)
 * تصميم احترافي جديد بأسلوب Split-Screen
 * متوافق مع RTL/LTR ومع إعدادات هوية البراند (الألوان + الشعار).
 * ----------------------------------------------------------------------- */

/* =======================================================================
   Design Tokens
   ======================================================================= */
:root,
[data-pd-theme="light"] {
    /* ===== ألوان البراند (هوية Tasks - Navy ink) ===== */
    --pd-brand:         #1B2A44;
    --pd-brand-strong:  #243759;
    --pd-brand-deep:    #122038;

    /* ===== ألوان الإكسسوار الذهبي (Tasks - Brass gold) ===== */
    --pd-accent:        #B8862B;
    --pd-accent-soft:   #D9AE5F;
    --pd-accent-deep:   #9A5B24;

    /* ===== خلفية الصفحة (Warm paper من Tasks) ===== */
    --pd-page-bg:       #F6F3EC;
    --pd-page-bg-2:     #EFEADE;

    --pd-card:          #ffffff;
    --pd-card-soft:     #EFEADE;

    /* ===== النصوص (Tasks Text Palette) ===== */
    --pd-text:          #1B2A44;
    --pd-text-soft:     #243759;
    --pd-text-muted:    #7A7568;

    --pd-border:        #DDD5C2;
    --pd-border-strong: #B8862B;

    --pd-danger:        #A6402F;
    --pd-success:       #3E6B52;

    --pd-shadow-card:
        0 2px 6px rgba(27, 42, 68, 0.06),
        0 24px 64px rgba(27, 42, 68, 0.18),
        0 12px 36px rgba(27, 42, 68, 0.10);

    --pd-ring: 0 0 0 4px rgba(184, 134, 43, 0.25);

    --pd-r-md: 6px;
    --pd-r-lg: 14px;
    --pd-r-xl: 14px;

    --pd-font: 'Tajawal', 'Cairo', 'IBM Plex Sans Arabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    /* أبعاد لوحة البراند ومنطقة النموذج */
    --pd-card-w: 1040px;
    --pd-brand-col: 420px;
}

/* =======================================================================
   Anti-FOUC — إخفاء لوحة البراند ريثما ينقلها الجافاسكربت داخل #login
   ======================================================================= */
body.login .pd-brand-panel {
    visibility: hidden !important;
}
body.login.pd-login-ready .pd-brand-panel {
    visibility: visible !important;
}

/* =======================================================================
   Page background — كليًا مختلف عن صفحة دخول ووردبريس
   ======================================================================= */
html, body { height: auto; min-height: 100%; }

body.login {
    margin: 0 !important;
    padding: 40px 20px !important;
    min-height: 100vh !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: var(--pd-font) !important;
    color: var(--pd-text) !important;
    background:
        radial-gradient(1100px 700px at 12% 18%, rgba(11, 31, 58, 0.10), transparent 60%),
        radial-gradient(900px 600px at 92% 88%, rgba(201, 162, 75, 0.14), transparent 55%),
        linear-gradient(135deg, var(--pd-page-bg) 0%, var(--pd-page-bg-2) 100%) !important;
    background-attachment: fixed !important;
}

body.login::before { display: none !important; }

/* =======================================================================
   Main Card — حاوية #login تتحول إلى Split-Screen
   ======================================================================= */
body.login div#login {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    max-width: var(--pd-card-w) !important;
    min-width: auto !important;
    min-height: calc(100dvh - 160px) !important;
    padding: 0 !important;
    margin: 0 auto !important;
    background: var(--pd-card) !important;
    border: 1px solid var(--pd-border) !important;
    border-radius: var(--pd-r-xl) !important;
    box-shadow: var(--pd-shadow-card) !important;
    overflow: hidden !important;
    display: grid !important;
    grid-template-columns: var(--pd-brand-col) 1fr !important;
    grid-template-rows: auto !important;
    align-items: stretch !important;
    gap: 0 !important;
}

/* =======================================================================
   لوحة هوية البراند (الجانب الزخرفي)
   ======================================================================= */
body.login div#login .pd-brand-panel {
    position: relative !important;
    grid-row: 1 / span 100 !important;
    grid-column: 1 !important;
    color: #ffffff !important;
    background:
        linear-gradient(150deg, var(--pd-brand) 0%, var(--pd-brand-strong) 55%, var(--pd-brand-deep) 100%) !important;
    overflow: hidden !important;
    margin: 0 !important;
}

/* في RTL: لوحة البراند على اليمين */
body.login.rtl div#login .pd-brand-panel,
body.rtl.login div#login .pd-brand-panel {
    grid-column: 2 !important;
}

/* بقية عناصر #login تذهب للعمود المقابل */
body.login div#login > *:not(.pd-brand-panel) {
    grid-column: 2 !important;
    align-self: auto;
}

body.login.rtl div#login > *:not(.pd-brand-panel),
body.rtl.login div#login > *:not(.pd-brand-panel) {
    grid-column: 1 !important;
}

/* خلفية زخرفية للوحة */
.pd-brand-panel__bg {
    position: absolute !important;
    inset: 0 !important;
    background:
        radial-gradient(420px 280px at 85% 10%, rgba(255, 255, 255, 0.22), transparent 60%),
        radial-gradient(520px 420px at 10% 105%, rgba(0, 0, 0, 0.22), transparent 55%),
        repeating-linear-gradient(115deg, rgba(255, 255, 255, 0.06) 0 2px, transparent 2px 22px) !important;
    pointer-events: none !important;
}

.pd-brand-panel__inner {
    position: relative !important;
    z-index: 2 !important;
    height: 100% !important;
    padding: 44px 40px 36px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 24px !important;
    box-sizing: border-box !important;
}

.pd-brand-panel__top {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.pd-brand-panel__badge {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.18) !important;
    border: 1px solid rgba(255, 255, 255, 0.32) !important;
    display: grid !important;
    place-items: center !important;
    font-weight: 800 !important;
    font-size: 20px !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    flex: 0 0 44px !important;
}

.pd-brand-panel__name {
    font-weight: 700 !important;
    font-size: 15.5px !important;
    letter-spacing: 0.2px !important;
    opacity: 0.95 !important;
    color: #ffffff !important;
    line-height: 1.4 !important;
}

.pd-brand-panel__hero { max-width: 340px !important; }

.pd-brand-panel__eyebrow {
    display: inline-block !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.18) !important;
    border: 1px solid rgba(255, 255, 255, 0.28) !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    margin-bottom: 18px !important;
    color: #ffffff !important;
}

.pd-brand-panel__title {
    color: #ffffff !important;
    font-size: clamp(24px, 2.2vw, 30px) !important;
    font-weight: 800 !important;
    line-height: 1.22 !important;
    margin: 0 0 12px !important;
    letter-spacing: -0.3px !important;
}

.pd-brand-panel__desc {
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
    margin: 0 0 22px !important;
}

.pd-brand-panel__features {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    gap: 10px !important;
    width:150%;
}

.pd-brand-panel__features li {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 13.5px !important;
    color: rgba(255, 255, 255, 0.96) !important;
    line-height: 1.5 !important;
}

.pd-tick {
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    flex: 0 0 18px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    position: relative !important;
    display: inline-block !important;
}

.pd-tick::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 5px !important;
    height: 9px !important;
    border-right: 2px solid var(--pd-brand-deep) !important;
    border-bottom: 2px solid var(--pd-brand-deep) !important;
    transform: translate(-50%, -60%) rotate(45deg) !important;
}

.pd-brand-panel__foot {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 12.5px !important;
    opacity: 0.88 !important;
    color: #ffffff !important;
}

.pd-brand-panel__dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.20) !important;
    flex: 0 0 8px !important;
}

/* =======================================================================
   Right Column — Form Area
   ======================================================================= */
body.login div#login h1 {
    margin: 0 !important;
    padding: 36px 40px 0 !important;
    text-align: start !important;
    align-self: start !important;
}

body.login div#login h1 a {
    margin: 0 !important;
    height: 56px !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    display: block !important;
    background-position: right center !important;
    width: 100% !important;
    max-width: 220px !important;
}

body.login:not(.rtl) div#login h1 a {
    background-position: left center !important;
}

body.login form#loginform,
body.login form#lostpasswordform,
body.login form#registerform,
body.login form#resetpassform {
    margin: 0 !important;
    padding: 20px 40px 24px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

body.login form p {
    margin-bottom: 14px !important;
}

body.login form .forgetmenot {
    float: none !important;
    margin: 4px 0 18px !important;
    font-weight: 400 !important;
}

body.login form .forgetmenot label {
    color: var(--pd-text-soft) !important;
    font-size: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-weight: 500 !important;
    background: #1B2A44 !important;
}

body.login form .forgetmenot input[type="checkbox"] {
    accent-color: var(--pd-brand) !important;
    width: 16px !important;
    height: 16px !important;
}

body.login form .submit {
    margin: 0 !important;
    padding: 0 !important;
}

/* =======================================================================
   Inputs
   ======================================================================= */
body.login label {
    color: var(--pd-text) !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
    display: block !important;
    line-height: 1.5 !important;
}

body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"],
body.login input[type="tel"] {
    background: var(--pd-card-soft) !important;
    border: 1px solid var(--pd-border) !important;
    border-radius: var(--pd-r-md) !important;
    padding: 12px 14px !important;
    font-size: 15px !important;
    color: var(--pd-text) !important;
    width: 100% !important;
    height: auto !important;
    box-shadow: none !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease !important;
    box-sizing: border-box !important;
}

body.login input[type="text"]:hover,
body.login input[type="password"]:hover,
body.login input[type="email"]:hover,
body.login input[type="tel"]:hover {
    border-color: var(--pd-border-strong) !important;
}

body.login input[type="text"]:focus,
body.login input[type="password"]:focus,
body.login input[type="email"]:focus,
body.login input[type="tel"]:focus {
    background: var(--pd-card) !important;
    border-color: var(--pd-brand) !important;
    box-shadow: var(--pd-ring) !important;
    outline: none !important;
}

/* مربع إدخال كلمة المرور WordPress (wp-pwd) */
body.login .wp-pwd {
    position: relative;
}

body.login .wp-pwd .button.wp-hide-pw {
    border-radius: var(--pd-r-md) !important;
    border: 1px solid var(--pd-border) !important;
    background: var(--pd-card) !important;
    color: var(--pd-text-soft) !important;
    box-shadow: none !important;
    height: auto !important;
    padding: 8px 10px !important;
}

/* =======================================================================
   Submit Button
   ======================================================================= */
body.login .wp-core-ui .button-primary,
body.login .submit .button-primary,
body.login input[type="submit"].button-primary,
body.login button[type="submit"].button-primary {
    background: linear-gradient(135deg, var(--pd-brand) 0%, var(--pd-brand-strong) 100%) !important;
    border: 0 !important;
    border-radius: var(--pd-r-md) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px !important;
    padding: 13px 22px !important;
    width: 100% !important;
    height: auto !important;
    line-height: 1.4 !important;
    text-shadow: none !important;
    box-shadow: 0 8px 20px -10px var(--pd-brand-strong) !important;
    cursor: pointer !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease !important;
    text-transform: none !important;
}

body.login .wp-core-ui .button-primary:hover,
body.login .submit .button-primary:hover {
    filter: brightness(1.05) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 14px 28px -12px var(--pd-brand-strong) !important;
}

body.login .wp-core-ui .button-primary:focus,
body.login .submit .button-primary:focus {
    box-shadow: var(--pd-ring), 0 8px 20px -10px var(--pd-brand-strong) !important;
    outline: none !important;
}

/* =======================================================================
   Nav links (forget password)
   ======================================================================= */
body.login p#nav {
    margin: 0 !important;
    padding: 16px 40px 8px !important;
    text-align: center !important;
    border-top: 1px dashed var(--pd-border) !important;
    background: transparent !important;
    text-shadow: none !important;
}

body.login p#nav a {
    color: var(--pd-brand-strong) !important;
    font-size: 14px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    padding: 8px 14px !important;
    border-radius: 999px !important;
    transition: background-color 0.15s ease, color 0.15s ease !important;
    display: inline-block !important;
    text-shadow: none !important;
}

body.login p#nav a:hover,
body.login p#nav a:focus {
    background: rgba(201, 162, 75, 0.10) !important;
    color: var(--pd-brand-deep) !important;
    text-decoration: none !important;
}

/* إخفاء الرجوع للمدوّنة ومُبدِّل اللغة (احتياط CSS إضافي لو لم يحذفه JS) */
body.login p#backtoblog,
body.login #backtoblog,
body.login .language-switcher,
body.login div.language-switcher {
    display: none !important;
}

/* =======================================================================
   Messages
   ======================================================================= */
body.login .message,
body.login .success,
body.login .notice {
    background: var(--pd-card-soft) !important;
    border: 1px solid var(--pd-border) !important;
    border-inline-start: 4px solid var(--pd-success) !important;
    border-radius: var(--pd-r-md) !important;
    padding: 12px 16px !important;
    margin: 18px 40px 0 !important;
    color: var(--pd-text-soft) !important;
    font-size: 13.5px !important;
    box-shadow: none !important;
}

body.login #login_error {
    background: rgba(220, 38, 38, 0.06) !important;
    border: 1px solid rgba(220, 38, 38, 0.22) !important;
    border-inline-start: 4px solid var(--pd-danger) !important;
    border-radius: var(--pd-r-md) !important;
    padding: 12px 16px !important;
    margin: 18px 40px 0 !important;
    color: var(--pd-danger) !important;
    font-size: 13.5px !important;
}

/* =======================================================================
   Privacy Link
   ======================================================================= */
body.login .privacy-policy-page-link {
    text-align: center !important;
    padding: 4px 40px 28px !important;
    margin: 0 !important;
}

body.login .privacy-policy-page-link a {
    color: var(--pd-text-muted) !important;
    font-size: 12.5px !important;
    text-decoration: none !important;
    transition: color 0.15s ease !important;
}

body.login .privacy-policy-page-link a:hover {
    color: var(--pd-brand-strong) !important;
}

/* =======================================================================
   Loading State
   ======================================================================= */
body.login form.loading {
    opacity: 0.7 !important;
    pointer-events: none !important;
}

/* =======================================================================
   روابط إضافية تابعة لبلجنات (مثل تسجيل الدخول بالجوال)
   ======================================================================= */
body.login .pwsl-button-style,
body.login .wpcf7,
body.login form#loginform > a,
body.login form#loginform > p a {
    color: var(--pd-brand-strong) !important;
}

/* =======================================================================
   Responsive
   ======================================================================= */
@media (max-width: 880px) {
    :root { --pd-card-w: 480px; }

    body.login div#login {
        grid-template-columns: 1fr !important;
    }

    body.login div#login .pd-brand-panel,
    body.login.rtl div#login .pd-brand-panel,
    body.rtl.login div#login .pd-brand-panel {
        grid-row: auto !important;
        grid-column: 1 !important;
        min-height: 220px !important;
    }

    body.login div#login > *:not(.pd-brand-panel),
    body.login.rtl div#login > *:not(.pd-brand-panel),
    body.rtl.login div#login > *:not(.pd-brand-panel) {
        grid-column: 1 !important;
    }

    .pd-brand-panel__inner {
        padding: 26px 26px 22px !important;
        gap: 14px !important;
    }

    .pd-brand-panel__features { display: none !important; }
    .pd-brand-panel__desc { display: none !important; }

    body.login div#login h1 { padding: 26px 26px 0 !important; }
    body.login form#loginform,
    body.login form#lostpasswordform,
    body.login form#registerform,
    body.login form#resetpassform { padding: 16px 26px 18px !important; }

    body.login p#nav { padding: 14px 26px 6px !important; }
    body.login .privacy-policy-page-link { padding: 0 26px 22px !important; }
    body.login .message,
    body.login .success,
    body.login .notice,
    body.login #login_error { margin: 14px 26px 0 !important; }
}

@media (max-width: 480px) {
    body.login { padding: 20px 12px !important; }
    .pd-brand-panel__title { font-size: 22px !important; }
    .pd-brand-panel__eyebrow { font-size: 11.5px !important; padding: 5px 10px !important; }
}

/* =======================================================================
   Direction — حسب طلب المستخدم
   body يبقى RTL (لأن النصوص العربية)، لكن #login يكون LTR
   لتظهر لوحة البراند في اليسار والنموذج في اليمين على شاشات سطح المكتب.
   ======================================================================= */
body.login.rtl,
body.rtl.login {
    direction: rtl !important;
}
body.login div#login {
    direction: ltr !important;
}
/* داخل النموذج: الحقول والـ labels تبقى RTL لأن نصوصها عربية */
body.login.rtl div#login form#loginform,
body.rtl.login div#login form#loginform,
body.login.rtl div#login .pd-brand-panel,
body.rtl.login div#login .pd-brand-panel {
    direction: rtl !important;
}
/* في حالة LTR (سايت إنجليزي): كل شيء يبقى LTR */
body.login:not(.rtl) div#login form#loginform,
body.login:not(.rtl) div#login .pd-brand-panel {
    direction: ltr !important;
}

/* =======================================================================
   Login Footer (pd-footer-wrap) — يدمج مع خلفية الصفحة (شفاف)
   ======================================================================= */
body.login #pd-login-footer.pd-login-footer {
    position: relative !important;
    width: 100% !important;
    max-width: 980px !important;
    margin: 22px auto 0 !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    color: var(--pd-text) !important;
    z-index: 5 !important;
    background: transparent !important;
}
body.login #pd-login-footer .pd-footer-wrap {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 10px 4px !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    flex-wrap: wrap !important;
}
body.login #pd-login-footer .pd-footer-wrap,
body.login #pd-login-footer .pd-footer-col {
    color: var(--pd-text-2) !important;
    background: transparent !important;
}
body.login #pd-login-footer .pd-footer-rights,
body.login #pd-login-footer .pd-footer-sitename,
body.login #pd-login-footer .pd-footer-year {
    color: var(--pd-text) !important;
    font-weight: 500 !important;
}
body.login #pd-login-footer .pd-footer-sitename {
    font-weight: 700 !important;
    color: var(--pd-primary) !important;
}
body.login #pd-login-footer a {
    color: var(--pd-text-2) !important;
    text-decoration: none !important;
    transition: color .2s ease, transform .2s ease !important;
}
body.login #pd-login-footer a:hover {
    color: var(--pd-primary) !important;
    transform: translateY(-1px) !important;
}
body.login #pd-login-footer .pd-footer-icon,
body.login #pd-login-footer .pd-footer-icon img,
body.login #pd-login-footer .pd-footer-icon svg {
    max-width: 22px !important;
    max-height: 22px !important;
    width: auto !important;
    height: auto !important;
    vertical-align: middle !important;
    background: transparent !important;
}
body.login #pd-login-footer .pd-footer-social {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}
body.login #pd-login-footer .pd-footer-social a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,0.55) !important;
    border: 1px solid rgba(15,23,42,0.08) !important;
    color: var(--pd-text-2) !important;
}
body.login #pd-login-footer .pd-footer-social a:hover {
    background: rgba(255,255,255,0.85) !important;
    color: var(--pd-primary) !important;
}
body.login #pd-login-footer .pd-footer-social a svg,
body.login #pd-login-footer .pd-footer-social a img {
    max-width: 16px !important;
    max-height: 16px !important;
    width: 16px !important;
    height: 16px !important;
    display: block !important;
}
body.login #pd-login-footer .pd-footer-center {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}
@media (max-width: 720px) {
    body.login #pd-login-footer .pd-footer-wrap {
        flex-direction: column !important;
        gap: 10px !important;
        text-align: center !important;
    }
}

/* =======================================================================
   إصلاح أيقونات WordPress (السهم/العين العملاقة)
   عند تحميل ستايل ووردبريس الافتراضي قد لا تكون قواعد بعض الأيقونات
   كافية مع تخطيطنا الجديد. نُجبر هنا الأبعاد الصحيحة.
   ======================================================================= */
body.login .wp-pwd .dashicons,
body.login .wp-pwd .button.wp-hide-pw,
body.login .wp-pwd .button.wp-hide-pw .dashicons,
body.login .input-icon,
body.login .capslock-tip,
body.login #capslock-warning .dashicons,
body.login .password-input-wrapper .dashicons {
    width: 20px !important;
    height: 20px !important;
    font-size: 20px !important;
    line-height: 1 !important;
    max-width: 24px !important;
    max-height: 24px !important;
}
body.login .wp-pwd .button.wp-hide-pw {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
body.login .wp-pwd .button.wp-hide-pw .text {
    display: none !important;
}
body.login .wp-pwd {
    position: relative !important;
}
body.login .wp-pwd .button.wp-hide-pw {
    position: absolute !important;
    top: 30% !important;
    transform: translateY(-50%) !important;
    right: 10px !important;
    left: auto !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
body.login.rtl .wp-pwd .button.wp-hide-pw {
    right: auto !important;
    left: 10px !important;
}
/* أي SVG داخل النموذج يجب ألا يتمدد بحجم كبير */
body.login #login form svg,
body.login #login .pd-form-col svg {
    max-width: 24px !important;
    max-height: 24px !important;
}

/* =======================================================================
   ضمان تحميل خط Dashicons بأعلى أولوية
   (في بعض البيئات يتم override خط .dashicons بسبب font-family العام)
   ======================================================================= */
body.login .dashicons,
body.login .dashicons-before:before,
body.login .dashicons:before,
body.login .wp-pwd .dashicons,
body.login .wp-pwd .dashicons:before,
body.login .wp-pwd .button.wp-hide-pw .dashicons,
body.login .wp-pwd .button.wp-hide-pw .dashicons:before,
body.login #capslock-warning .dashicons,
body.login #capslock-warning .dashicons:before {
    font-family: 'dashicons' !important;
    speak: never !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* =======================================================================
   فوتر صفحة الدخول — شفّاف تماماً يندمج مع خلفية الصفحة الخضراء
   (إلغاء أي تأثيرات Glass / Backdrop / حدود / ظلال متبقّية)
   ======================================================================= */
body.login #pd-login-footer,
body.login #pd-login-footer.pd-login-footer,
body.login #pd-login-footer .pd-footer-wrap,
body.login #pd-login-footer .pd-footer-col,
body.login #pd-login-footer .pd-footer-center,
body.login #pd-login-footer .pd-footer-rights,
body.login #pd-login-footer .pd-footer-icon {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 0 !important;
    box-shadow: none !important;
}