.elementor-28375 .elementor-element.elementor-element-e71a766{--display:flex;--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-28375 .elementor-element.elementor-element-97e8cfd{width:100%;max-width:100%;}.elementor-28375 .elementor-element.elementor-element-97e8cfd > .elementor-widget-container{margin:200px 200px 200px 200px;}.elementor-28375 .elementor-element.elementor-element-97e8cfd.elementor-element{--align-self:center;}body.elementor-page-28375:not(.elementor-motion-effects-element-type-background), body.elementor-page-28375 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://srv1100554.hstgr.cloud/wp-content/uploads/2025/08/6938839_3409297-1-3-scaled.jpg");}@media(max-width:1200px){.elementor-28375 .elementor-element.elementor-element-97e8cfd > .elementor-widget-container{margin:100px 0px 0px 0px;}}/* Start custom CSS *//* استيراد خط المعاري */
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700&display=swap');

/* صندوق النموذج */
.um.um-login .um-form {
    font-family: 'Almarai', sans-serif;
    background: rgba(0, 0, 0, 0.1);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border-radius: 20px;
    padding: 30px 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    max-width: 450px;
    margin: auto;
    border: 1px solid rgba(255, 255, 255, 0.2);
    direction: rtl;
    text-align: right;
    color: #fff;
}

/* العناوين فوق الحقول */
.um.um-login .um-field-label {
    color: #fff !important;
    font-weight: 700;
    margin-bottom: 5px;
    display: block;
}

/* الحقول */
.um.um-login .um-form input[type="text"],
.um.um-login .um-form input[type="password"],
.um.um-login .um-form input[type="email"] {
    border: none;
    border-radius: 25px !important;
    padding: 14px 18px !important;
    font-size: 16px !important;
    background-color: #ffffff !important;
    color: #000 !important;
    margin-bottom: 15px !important;
    width: 100% !important;
    box-sizing: border-box;
    font-family: 'Almarai', sans-serif !important;
}

/* placeholder */
.um.um-login .um-form input::placeholder {
    text-align: right !important;
    font-family: 'Almarai', sans-serif !important;
}

/* زر تسجيل الدخول - محدث */
.um.um-login .um-form input[type="submit"] {
    background: linear-gradient(to right, #3a8dde, #9b4dff) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 80px !important; /* ✅ زوايا ناعمة جدًا */
    padding: 14px 20px !important;
    font-size: 20px !important;
    width: 100% !important;
    transition: 0.3s ease !important;
    cursor: pointer !important;
    font-family: 'Almarai', sans-serif !important;
}

.um.um-login .um-form input[type="submit"]:hover {
    opacity: 0.9 !important;
}

/* روابط: نسيت كلمة المرور + تسجيل */
.um.um-login .um-field-forgot_pass,
.um.um-login .custom-register-link {
    text-align: center;
    margin-top: 12px;
    font-size: 14px;
    font-family: 'Almarai', sans-serif;
}

.um.um-login .um-field-forgot_pass a,
.um.um-login .custom-register-link a {
    color: #72d0ff !important;
    text-decoration: none;
    transition: color 0.3s ease;
}

.um.um-login .um-field-forgot_pass a:hover,
.um.um-login .custom-register-link a:hover {
    text-decoration: underline;
    color: #fff !important;
}

/* تذكرني */
.um.um-login .um-field-checkbox label,
.um.um-login input[type="checkbox"] {
    color: #fff !important;
    font-family: 'Almarai', sans-serif !important;
    font-size: 14px !important;
}

/* إخفاء زر التسجيل الافتراضي */
.um-login-redirect {
    display: none !important;
}

/* متجاوب */
@media (max-width: 480px) {
    .um.um-login .um-form {
        padding: 20px 15px !important;
    }

    .um.um-login .um-form input[type="text"],
    .um.um-login .um-form input[type="password"],
    .um.um-login .um-form input[type="email"],
    .um.um-login .um-form input[type="submit"] {
        font-size: 15px !important;
        padding: 12px !important;
    }
}

/* تنسيق زر WebAuthn */
.um-field-webauthn .wwa-login-button,
.um-field-webauthn button {
    display: inline-block;
    width: 100%;
    padding: 12px 20px;
    background-color: #0073aa;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s ease;
    box-sizing: border-box;
}

.um-field-webauthn .wwa-login-button:hover,
.um-field-webauthn button:hover {
    background-color: #005177;
}

/* روابط العودة */
#webauthn-form a#back-to-um {
    display: inline-block;
    margin-top: 15px;
    color: #0073aa;
    text-decoration: none;
    font-weight: 500;
}

#webauthn-form a#back-to-um:hover {
    text-decoration: underline;
}
.um-field .um-toggle-password {
    position: absolute;
    left: 10px;  /* مسافة من اليسار */
    top: 50%;
    transform: translateY(-50%);
    direction: ltr !important;
}
.um-field input[type="password"],
.um-field input[type="text"] {
    padding-left: 35px; /* مساحة للأيقونة */
}/* End custom CSS */