/**
 * 🚀 High-Performance Optimization Engine v2.0 (ElMnsa Platform - 2026)
 * نظام التسريع العتادي الذكي المخصص للهواتف المحمولة والأجهزة الاقتصادية
 * يمنح المنصة نعومة فائقة (Butter-Smooth 60 FPS) مع الحفاظ الكامل على الجمالية الفاخرة بنسبة 100%
 */

/* ==========================================================================
   1. الضبط الأساسي والتمرير فائق النعومة (Base Performance & Smooth Scrolling)
   ========================================================================== */
html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ==========================================================================
   2. التسريع العتادي وعزل الطبقات (GPU Layer Promotion & Hardware Acceleration)
   ترقية العناصر التفاعلية للـ GPU لتجنب إعادة رسم الـ Layout أثناء التمرير
   ========================================================================== */
.subject-card,
.course-lesson-card,
.course-lesson-block,
.sahl-continue-card,
.hero-dash-panel,
.lecture-card-pro,
.navigation-card,
.stat-card,
.admin-card,
.feature-card,
.landing-hero-card,
.pricing-card-pro {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* ==========================================================================
   3. تقنية العرض الافتراضي اللحظي (Off-Screen Rendering Virtualization)
   إراحة المعالج والذاكرة من معالجة ورسم العناصر غير الظاهرة حتى يقترب منها المستخدم
   ========================================================================== */
.course-lesson-block {
    content-visibility: auto;
    contain-intrinsic-size: 0 100px;
    contain: layout paint style;
}

.lecture-card-pro {
    content-visibility: auto;
    contain-intrinsic-size: 0 240px;
}

/* تسريع جداول وقوائم الطلاب والمحاضرات الطويلة في لوحة الإدارة */
.student-row,
.lecture-row-item,
.log-entry-item {
    content-visibility: auto;
    contain-intrinsic-size: 0 65px;
}

/* تسريع كروت الأقسام في الصفحة الرئيسية */
.landing-feature-item,
.faq-item {
    content-visibility: auto;
    contain-intrinsic-size: 0 90px;
}

/* ==========================================================================
   4. تحسين استجابة وتصيير الصور وفك التشفير اللامتزامن
   ========================================================================== */
/* صور سلايدر المواد — رسم مستقر ودائم 100% لمنع اختفاء الصور في Swiper */
img.course-slide-img {
    image-rendering: -webkit-optimize-contrast;
    content-visibility: visible !important;
    contain: none !important;
}

img.subject-img,
img.course-lesson-thumb-img,
.sahl-continue-thumb img,
.admin-thumb-preview {
    image-rendering: -webkit-optimize-contrast;
    content-visibility: auto;
    contain: layout paint;
}

/* ==========================================================================
   5. التكيف الذكي للهواتف والأجهزة الاقتصادية (Adaptive Low-Power Mode)
   استبدال الـ blur الثقيل (20px+) بتأثير زجاجي أنيق وخفيف (4-5px) لتوفير جهد كارت الشاشة
   مع الحفاظ التام 100% على نفس الألوان والحدود والمظهر الجمالي المعتمد
   ========================================================================== */
@media (max-width: 768px), (prefers-reduced-motion: reduce) {
    /* ترشيد استهلاك معالج الرسوميات لتأثيرات الزجاج المصنفر في الداشبورد والإدارة */
    .glass-panel,
    .hero-dash-panel,
    .sahl-continue-card,
    .course-slide-card,
    .mobile-nav-bar,
    .header-container,
    .sidebar-container,
    .course-lesson-card,
    .modal-content,
    .modal-box,
    .progress-modal-box,
    .admin-card,
    .stat-card,
    .admin-top-nav,
    .admin-sidebar {
        backdrop-filter: blur(5px) !important;
        -webkit-backdrop-filter: blur(5px) !important;
    }

    /* تنعيم التمرير وإلغاء أي تأخير عند النقر باللمس */
    * {
        -webkit-tap-highlight-color: transparent;
    }

    /* ترشيد الظلال المعقدة التي تسبب انخفاض معدل الإطارات أثناء السكرول السريع */
    .course-slide-card,
    .sahl-continue-card,
    .subject-card,
    .stat-card,
    .admin-card {
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25) !important;
    }
}

/* حالة الأجهزة الاقتصادية المكتشفة برمجياً عبر الذاكرة أو المعالج */
html.low-power-device .glass-panel,
html.low-power-device .hero-dash-panel,
html.low-power-device .sahl-continue-card,
html.low-power-device .course-slide-card,
html.low-power-device .mobile-nav-bar,
html.low-power-device .course-lesson-card,
html.low-power-device .admin-card,
html.low-power-device .stat-card,
html.low-power-device .modal-box,
html.low-power-device .modal-content {
    backdrop-filter: blur(3px) !important;
    -webkit-backdrop-filter: blur(3px) !important;
    background-color: rgba(18, 20, 32, 0.94) !important;
}

html.low-power-device * {
    animation-duration: 0.15s !important;
    transition-duration: 0.15s !important;
}