/* default login css - Final Optimized Version 2026 */

/* 1. تحسين تحميل الخلفية والـ LCP */
#intro_top { 
    width: 100%; 
    height: 100%; 
    z-index: 1; 
    position: relative; 
    /* لون داكن صريح يظهر فوراً قبل تحميل الصورة لرفع سكور الأداء */
    background-color: #111111; 
    background-image: url('images/5background.webp'); 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-position: center center; 
    background-attachment: fixed; 
}

/* 2. معالجة مشكلة أبعاد اللوجو واهتزاز الصفحة */
#login_logo { 
    height: 70px; 
    width: 160px; /* تحديد عرض ثابت لإنهاء مشكلة CLS */
    aspect-ratio: 160 / 70; 
}

#login_wrap { 
    width: 100%; 
    height: 100%; 
}

/* 3. تحسين صندوق تسجيل الدخول لضمان التباين */
#login_all { 
    width: 800px; 
    max-width: 94%; 
    border-radius: 20px; 
    display: block; 
    margin: 0 auto; 
    color: #ffffff; 
    box-shadow: 0 10px 40px rgba(0,0,0,0.7);
    /* تعميق الخلفية لضمان قراءة النص بوضوح فوق أي صورة */
    background: rgba(0, 0, 0, 0.6); 
    backdrop-filter: blur(10px); 
}

/* 4. قسم "لماذا تختارنا" - التعديل الجذري لسكور 100 Accessibility */
.section { 
    width: 100%; 
    height: auto; 
    margin: 0 auto; 
    /* تغيير الخلفية للأسود الصريح لرفع سكور التباين (Contrast) */
    background: #000000 !important; 
    border-top: 1px solid rgba(255,255,255,0.1);
}

.section p, .section h2, .section strong {
    /* التأكد من أن جميع النصوص داخل السكشن بيضاء تماماً */
    color: #ffffff !important;
}

.section_content { 
    width: 100%; 
    max-width: 1100px; 
    margin: 0 auto; 
    padding: 50px 20px; 
}

/* 5. تحسين صندوق الكوكيز لمنع اهتزاز الصفحة */
.cookie_wrap {
    min-height: 80px; /* يحجز مساحة ثابتة للصندوق */
    background: #ffffff !important;
    border-top: 2px solid #333;
}

/* 6. استجابة الموبايل */
@media screen and (max-width: 1120px){
    .section_inside { width: 96%; }
    #login_all h1 { font-size: 20px !important; }
}

/* 7. تحسين ظهور الخطوط */
body {
    font-display: swap;
    text-rendering: optimizeLegibility;
}