/* ============================================================ */
/* ======= تنسيقات خاصة بصفحة التلميذ ======= */
/* ============================================================ */
/* البطاقات أصبحت تُولَّد ديناميكياً عبر content-browser.js */
/* هذا الملف يحتفظ فقط بالتلوين المميز لبطاقات المستوى الأول (ابتدائي/إعدادي/ثانوي) */

/* ======= خلفية مميزة لكل بطاقة من المستوى الأول ======= */
.tilmid-card:nth-child(1) {
    background: linear-gradient(160deg, #fff5e6, #fce4d6);
    border-color: #f5a623;
}

.tilmid-card:nth-child(2) {
    background: linear-gradient(160deg, #e6f0ff, #d4e2f7);
    border-color: #4a90d9;
}

.tilmid-card:nth-child(3) {
    background: linear-gradient(160deg, #e8f5e9, #c8e6c9);
    border-color: #43a047;
}

/* ======= لون دائرة الأيقونة حسب المرحلة ======= */
.tilmid-card:nth-child(1) .space-card-icon {
    background: linear-gradient(145deg, #f5a623, #d68910);
    box-shadow: 0 8px 18px rgba(245, 166, 35, 0.3);
}

.tilmid-card:nth-child(2) .space-card-icon {
    background: linear-gradient(145deg, #4a90d9, #2f6fb5);
    box-shadow: 0 8px 18px rgba(74, 144, 217, 0.3);
}

.tilmid-card:nth-child(3) .space-card-icon {
    background: linear-gradient(145deg, #43a047, #2e7d32);
    box-shadow: 0 8px 18px rgba(67, 160, 71, 0.3);
}

/* ======= لون رابط "دخول" حسب المرحلة ======= */
.tilmid-card:nth-child(1) .space-card-more {
    color: #d68910;
    border-top-color: rgba(245, 166, 35, 0.25);
}

.tilmid-card:nth-child(2) .space-card-more {
    color: #2f6fb5;
    border-top-color: rgba(74, 144, 217, 0.25);
}

.tilmid-card:nth-child(3) .space-card-more {
    color: #2e7d32;
    border-top-color: rgba(67, 160, 71, 0.25);
}

/* ======= تأثير التمرير المميز لكل بطاقة ======= */
.tilmid-card:nth-child(1):hover {
    box-shadow: 0 20px 45px rgba(245, 166, 35, 0.25);
}

.tilmid-card:nth-child(2):hover {
    box-shadow: 0 20px 45px rgba(74, 144, 217, 0.25);
}

.tilmid-card:nth-child(3):hover {
    box-shadow: 0 20px 45px rgba(67, 160, 71, 0.25);
}

/* ============================================================ */
/* ======= الوضع المظلم لصفحة التلميذ ======= */
/* ============================================================ */

body.dark-mode .tilmid-card:nth-child(1) {
    background: linear-gradient(160deg, #3d2d1a, #2d1f0f);
    border-color: #f5a623;
}

body.dark-mode .tilmid-card:nth-child(2) {
    background: linear-gradient(160deg, #1a2a3d, #0f1f2d);
    border-color: #4a90d9;
}

body.dark-mode .tilmid-card:nth-child(3) {
    background: linear-gradient(160deg, #1a2d1f, #0f1f12);
    border-color: #43a047;
}

body.dark-mode .tilmid-card:nth-child(1):hover {
    box-shadow: 0 20px 45px rgba(245, 166, 35, 0.2);
}

body.dark-mode .tilmid-card:nth-child(2):hover {
    box-shadow: 0 20px 45px rgba(74, 144, 217, 0.2);
}

body.dark-mode .tilmid-card:nth-child(3):hover {
    box-shadow: 0 20px 45px rgba(67, 160, 71, 0.2);
}