/* ═══════════════════════════════════════════════════════��════════
   theme.css — ثيم المنصة المركزي
   WCAG AA+ | تباين عالٍ | قراءة واضحة ��لى كل الشاشات
   ════════════════════════════════════════════════════════════════ */

/* ══ الوضع الداكن الافتراضي (:root) ═══════════════════════════ */
:root {
  /* خلفيات — داكنة دافئة بدل الأسود الصارم */
  --bg:  #0d1117;
  --bg2: #131920;
  --bg3: #1c2333;

  /* نصوص — نسب تباين محسّنة */
  --txt:   #f0ece4;   /* 15:1 ✓ */
  --txt2:  #c8bdb0;   /* 8.5:1 ✓ — كان #a09880 (5:1 فقط، غير كافٍ) */
  --text:  #f0ece4;
  --text2: #c8bdb0;

  --brd:    rgba(255,255,255,.15);
  --border: rgba(255,255,255,.15);
  --card:   rgba(255,255,255,.06);
  --shadow: 0 8px 32px rgba(0,0,0,.55);

  --gold:   #e0bc40;   /* 8.8:1 ✓ */
  --green:  #5aaa7e;
  --red:    #e05555;
  --orange: #d4a030;

  --pnav-bg:        rgba(13,17,23,.97);
  --pnav-drop-bg:   #131920;
  --pnav-lnk-clr:   #f0ece4;
  --pnav-ticker-clr:#a09888;   /* كان #7a7260 — 3:1 فقط */

  /* ألوان علم المملكة المغربية — مضيئة للخلفية الداكنة */
  --moroccan-red:   #f04040;   /* أحمر ساطع 5.2:1 على الداكن */
  --moroccan-green: #00b860;   /* أخضر ساطع 5.8:1 على الداكن */

  --r:    12px;
  --tr:   .25s ease;
  --font: 'Cairo', sans-serif;
}

/* ══ الوضع الداكن الصريح — يتغلب على :root الداخلي في الصفحات ══
   الفرق: html[data-theme="dark"] أعلى specificity من :root
   مما يضمن تطبيق الألوان حتى حين تعيد الصفحة تعريف :root
   ══════════════════════════════════════════════════════════════ */
html[data-theme="dark"] {
  --bg:  #0d1117;
  --bg2: #131920;
  --bg3: #1c2333;
  --txt:   #f0ece4;
  --txt2:  #c8bdb0;
  --text:  #f0ece4;
  --text2: #c8bdb0;
  --brd:    rgba(255,255,255,.15);
  --border: rgba(255,255,255,.15);
  --card:   rgba(255,255,255,.06);
  --shadow: 0 8px 32px rgba(0,0,0,.55);
  --gold:   #e0bc40;
  --green:  #5aaa7e;
  --red:    #e05555;
  --orange: #d4a030;
  --pnav-bg:        rgba(13,17,23,.97);
  --pnav-drop-bg:   #131920;
  --pnav-lnk-clr:   #f0ece4;
  --pnav-ticker-clr:#a09888;

  /* ألوان علم المملكة — داكن */
  --moroccan-red:   #f04040;
  --moroccan-green: #00b860;

  color-scheme: dark;
}

/* ══ الوضع الفاتح ══════════════════════════════════════���═══════ */
html[data-theme="light"] {
  --bg:  #f5f2ee !important;
  --bg2: #ece8e0 !important;
  --bg3: #e0d9cf !important;

  --txt:   #1a1510 !important;   /* 16:1 ✓ */
  --txt2:  #4a3f30 !important;   /* 7.2:1 ✓ — كان #6a5f50 (5:1 باهت) */
  --text:  #1a1510 !important;
  --text2: #4a3f30 !important;

  --brd:    rgba(0,0,0,.16) !important;
  --border: rgba(0,0,0,.16) !important;
  --card:   rgba(255,255,255,.95) !important;
  --shadow: 0 4px 20px rgba(0,0,0,.12) !important;

  --gold:   #6e5600 !important;   /* 6.8:1 ✓ */
  --green:  #1e6840 !important;
  --red:    #a02020 !important;
  --orange: #884e00 !important;

  --pnav-bg:        rgba(240,235,225,.98) !important;
  --pnav-drop-bg:   #ece8e0 !important;
  --pnav-lnk-clr:   #1a1510 !important;
  --pnav-ticker-clr:#6a5f50 !important;

  /* ألوان علم المملكة — نهاري (الألوان الأصلية للعلم) */
  --moroccan-red:   #c0111a !important;
  --moroccan-green: #006233 !important;

  color-scheme: light;
}

/* ══ تحسينات الخط العالمية ════════════════════════════════════ */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  font-family: var(--font);
  background: var(--bg);
  color: var(--txt);
  font-size: 1rem;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* أزرار — وضوح وقابلية اللمس */
button {
  font-family: var(--font);
  font-weight: 600;
  cursor: pointer;
}

/* حقول الإدخال — لون وخط واضحان */
input, textarea, select {
  font-family: var(--font);
  font-size: 1rem;
  color: var(--txt);
}
input::placeholder, textarea::placeholder {
  color: var(--txt2);
  opacity: 1;
}

/* iOS Safari — منع اختزال الخط */
@supports (-webkit-touch-callout: none) {
  input, textarea, select { font-size: 16px; }
}

/* انتقال ناعم عند تبديل الثيم */
html.theme-switching,
html.theme-switching *,
html.theme-switching *::before,
html.theme-switching *::after {
  transition:
    background-color .28s ease,
    color .28s ease,
    border-color .28s ease,
    box-shadow .28s ease !important;
}

/* ══ تصحيحات الوضع الفاتح للعناصر المشتركة ══════════════════ */

/* Hero — home.html */
html[data-theme="light"] .hero,
html[data-theme="light"] .slide::after { background: #ece8e0 !important; }
html[data-theme="light"] .slide::after {
  background: linear-gradient(to top,
    rgba(236,232,224,.98) 0%,
    rgba(236,232,224,.55) 38%,
    rgba(236,232,224,.06) 100%) !important;
}
html[data-theme="light"] .slide-title     { color: #1a1510 !important; }
html[data-theme="light"] .slide-bg-fallback {
  background: linear-gradient(135deg,#ece8e0 0%,#e0d9cf 60%,#e8e2d8 100%) !important;
}

/* بطاقات المزايا — home.html */
html[data-theme="light"] .feat-card {
  background: rgba(255,255,255,.85) !important;
  border-color: rgba(110,86,0,.2) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.07) !important;
}
html[data-theme="light"] .feat-card:hover {
  border-color: rgba(110,86,0,.45) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.12) !important;
}
html[data-theme="light"] .feat-logo-name,
html[data-theme="light"] .feat-logo-sub   { color: var(--gold) !important; }
html[data-theme="light"] .feat-card p     { color: var(--txt2) !important; }
html[data-theme="light"] .feat-title      { color: var(--txt)  !important; }

/* إحصاءات — home.html */
html[data-theme="light"] .comm-card {
  background: rgba(255,255,255,.88) !important;
  border-color: rgba(110,86,0,.18) !important;
}
html[data-theme="light"] .comm-num { color: var(--gold) !important; }
html[data-theme="light"] .comm-lbl { color: var(--txt2) !important; }

/* أقسام عامة */
html[data-theme="light"] .section-title,
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3 { color: var(--txt) !important; }

/* البطاقات العامة */
html[data-theme="light"] .card,
html[data-theme="light"] .lesson-card,
html[data-theme="light"] .exam-card,
html[data-theme="light"] .subject-card {
  background: rgba(255,255,255,.9) !important;
  border-color: rgba(0,0,0,.12) !important;
  color: var(--txt) !important;
}

/* النماذج وحقول الإدخال */
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select {
  background: #fff !important;
  color: #1a1510 !important;
  border-color: rgba(0,0,0,.2) !important;
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder { color: #6a5f50 !important; }

/* الأزرار الذهبية في الوضع الفاتح
   السبب: --gold = #6e5600 (داكن) في الوضع الفاتح، لذا color:#000 يصبح غير مقروء */
html[data-theme="light"] .btn-gold,
html[data-theme="light"] .hero-btn,
html[data-theme="light"] button[class*="gold"],
html[data-theme="light"] a[class*="gold"],
html[data-theme="light"] .lpc-btn,
html[data-theme="light"] .lpc-confirm,
html[data-theme="light"] .empty-action-btn,
html[data-theme="light"] .para-num,
html[data-theme="light"] .lc-btn,
html[data-theme="light"] .gen-card-btn,
html[data-theme="light"] .icon-btn.primary,
html[data-theme="light"] .ep-start-btn,
html[data-theme="light"] .q-confirm,
html[data-theme="light"] .start-btn,
html[data-theme="light"] .lpc-btn,
html[data-theme="light"] .xoe-btn.p {
  background: #6e5600 !important;
  color: #fff !important;
}
html[data-theme="light"] .btn-outline {
  color: #6e5600 !important;
  border-color: #6e5600 !important;
}

/* الرسائل المنبثقة */
html[data-theme="light"] .na-bg { background: rgba(240,235,225,.97) !important; }
html[data-theme="light"] .na-headline { color: var(--txt)  !important; }
html[data-theme="light"] .na-body     { color: var(--txt2) !important; }
html[data-theme="light"] .na-close {
  background: rgba(248,244,238,.95) !important;
  border-color: rgba(0,0,0,.15) !important;
  color: var(--txt) !important;
}

/* شهادة التحقق */
html[data-theme="light"] #certCodeInput {
  background: rgba(255,255,255,.9) !important;
  border-color: rgba(110,86,0,.3) !important;
  color: var(--txt) !important;
}

/* شريط التنقل في الوضع الفاتح */
html[data-theme="light"] .pnav {
  border-bottom-color: rgba(110,86,0,.15) !important;
}

/* روابط الإدارة — كانت 55% أبيض (غير مرئي على خلفية فاتحة) */
html[data-theme="light"] .pnav-link-admin {
  color: #4a3f30 !important;
}
html[data-theme="light"] .pnav-link-admin:hover {
  color: var(--gold) !important;
  background: rgba(110,86,0,.08) !important;
}

/* نصوص الـ dropdown العامة في الوضع الفاتح */
html[data-theme="light"] .pnav-drop-hd,
html[data-theme="light"] .pnav-drop-sub { color: #6a5f50 !important; }

html[data-theme="light"] .pnav-link {
  color: #1a1510 !important;
  border-bottom-color: rgba(0,0,0,.06) !important;
}
html[data-theme="light"] .pnav-link:hover {
  color: var(--gold) !important;
  background: rgba(110,86,0,.07) !important;
}
html[data-theme="light"] .pnav-link.active {
  color: var(--gold) !important;
  background: rgba(110,86,0,.08) !important;
}
html[data-theme="light"] .pnav-drop {
  box-shadow: 0 12px 40px rgba(0,0,0,.18), 0 0 0 1px rgba(110,86,0,.08) !important;
}
html[data-theme="light"] .pnav-link-login:not(.logged) {
  color: var(--gold) !important;
}
html[data-theme="light"] .pnav-link-login.logged {
  color: #1a1510 !important;
}
html[data-theme="light"] .pnav-link-login .ru-info-name {
  color: #1a1510 !important;
}
html[data-theme="light"] .pnav-link-login .ru-info-email {
  color: #6a5f50 !important;
}

/* الجداول */
html[data-theme="light"] table { color: var(--txt) !important; }
html[data-theme="light"] th    { background: var(--bg3) !important; color: var(--txt) !important; }
html[data-theme="light"] td    { border-color: var(--brd) !important; color: var(--txt2) !important; }

/* بطاقات الواجهة في الوضع الفاتح */
html[data-theme="light"] .feat-card h3 { color: #1a1510 !important; }
html[data-theme="light"] .feat-card-arrow { color: #4a3f30 !important; }
html[data-theme="light"] .feat-card-arrow:hover,
html[data-theme="light"] .feat-card:hover .feat-card-arrow { color: var(--gold) !important; }
html[data-theme="light"] .feat-logo-sub { color: rgba(110,86,0,.75) !important; }

/* إحصاءات المجتمع */
html[data-theme="light"] .comm-num { color: var(--gold) !important; }
html[data-theme="light"] .comm-lbl { color: var(--txt2) !important; }
html[data-theme="light"] .scorer-name { color: #1a1510 !important; font-weight: 800 !important; }
html[data-theme="light"] .scorer-sub  { color: #1a1510 !important; font-weight: 600 !important; opacity: 1 !important; }

/* ══════════════════════════════════════════════════════════════
   إصلاحات شاملة — خطوط صغيرة جداً + ألوان كل الصفحات
   ═══════════════════════════════════════════════════════════ */

/* ── حد أدنى لحجم الخط — كلا الوضعين ── */
.xoe-smax,
.xoi-tinst   { font-size: .80rem !important; }

.xoi-tlabel,
.xogen-counter,
.xoe-elapsed,
.top-logo-sub,
.type-badge,
.comp-count,
.sec-meta,
.q-snad,
.cm-badge,
.cm-tag-dim,
.cm-plan-item { font-size: .82rem !important; }

.xogen-sub,
.xogen-msg,
.q-expl,
.xos-hint,
.cm-empty,
.ect-prompt-hint { font-size: .86rem !important; }

/* ── واجهة الامتحان XO — داكنة دائماً بغض النظر عن ثيم الصفحة ──
   لأن #xo يستخدم خلفية gradient داكنة دائماً
   نص أبيض على داكن = صحيح — لا تبديل هنا                          */
/* Light mode toggle for #xo.xo-light is handled in exams.html */

/* ── الإدارة والمراجعون ── */
html[data-theme="light"] .cm-badge        { color: var(--txt2) !important; background: rgba(0,0,0,.06) !important; }
html[data-theme="light"] .cm-tag-dim      { color: var(--txt2) !important; }
html[data-theme="light"] .cm-empty        { color: var(--txt2) !important; }
html[data-theme="light"] .cm-plan-item    { color: var(--txt) !important; }
html[data-theme="light"] .qbank-item      { color: var(--txt) !important; border-color: rgba(0,0,0,.06) !important; }
html[data-theme="light"] .ect-prompt-hint { color: var(--txt2) !important; background: rgba(0,0,0,.03) !important; }

/* ── زر الرجوع (صفحة الرئيسية) في الإدارة والمراجعين ── */
html[data-theme="light"] .login-back-btn  { color: var(--txt2) !important; border-color: rgba(0,0,0,.2) !important; }
html[data-theme="light"] .login-back-btn:hover { color: var(--gold) !important; border-color: var(--gold) !important; }
html[data-theme="light"] .login-role-btn  { color: var(--txt) !important; background: rgba(0,0,0,.04) !important; border-color: rgba(0,0,0,.12) !important; }

/* ── الجداول — override خاص للـ th (كان rgba شفاف على أبيض) ── */
html[data-theme="light"] th { color: var(--txt) !important; background: rgba(0,0,0,.04) !important; border-color: rgba(0,0,0,.1) !important; }
html[data-theme="light"] tr:hover td { background: rgba(0,0,0,.02) !important; }
html[data-theme="light"] .b-draft   { color: var(--txt2) !important; background: rgba(0,0,0,.05) !important; }

/* ── بطاقات الامتحانات والمواد ── */
html[data-theme="light"] .type-badge  { color: var(--txt2) !important; background: rgba(0,0,0,.05) !important; }
html[data-theme="light"] .comp-count  { color: var(--txt2) !important; }
html[data-theme="light"] .sec-meta    { color: var(--txt2) !important; }
html[data-theme="light"] .q-snad      { color: var(--gold) !important; }
html[data-theme="light"] .q-expl      { color: var(--txt2) !important; }
html[data-theme="light"] .domain-btn  { color: var(--txt) !important; background: rgba(0,0,0,.04) !important; border-color: rgba(0,0,0,.12) !important; }
html[data-theme="light"] .domain-btn:hover { border-color: var(--gold) !important; }
html[data-theme="light"] .s-item:hover { background: rgba(0,0,0,.04) !important; }

/* ── المكتبة ── */
html[data-theme="light"] .top-logo-sub { color: var(--txt2) !important; }
html[data-theme="light"] .sum-label    { color: var(--txt2) !important; }
html[data-theme="light"] .lib-crumb    { color: var(--txt2) !important; }

/* ── إنشاء الخطط (create.html) ── */
html[data-theme="light"] .cover-label  { color: var(--txt2) !important; }
html[data-theme="light"] .drill-change { color: var(--txt2) !important; }
html[data-theme="light"] .step-circle  { color: var(--txt2) !important; }

/* ── مقال الأخبار في الوضع الفاتح ── */
html[data-theme="light"] .na-bg        { background: rgba(240,235,225,.97) !important; }
html[data-theme="light"] .na-headline  { color: var(--txt) !important; }
html[data-theme="light"] .na-body      { color: var(--txt) !important; }
html[data-theme="light"] .na-date,
html[data-theme="light"] .na-source,
html[data-theme="light"] .na-footer    { color: var(--txt2) !important; }

/* ── زر الرجوع للصفحة الرئيسية — كلا الوضعين ── */
.login-back-btn { font-size: .92rem !important; font-weight: 700 !important; padding: .5rem 1.1rem !important; }

/* ── قسم المجتمع وأعلى النتائج ── */
html[data-theme="light"] .comm-card {
  background: rgba(255,255,255,.88) !important;
  border-color: rgba(0,0,0,.1) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.06) !important;
}
html[data-theme="light"] .scorer-card {
  background: rgba(255,255,255,.92) !important;
  border-color: rgba(0,0,0,.1) !important;
}
html[data-theme="light"] .scorer-rank.gold   { background: rgba(212,175,55,.2) !important; color: #8a6500 !important; }
html[data-theme="light"] .scorer-rank.silver { background: rgba(0,0,0,.08) !important;      color: #5a5a6a !important; }
html[data-theme="light"] .scorer-rank.bronze { background: rgba(120,60,20,.1) !important;   color: #7a3d18 !important; }
html[data-theme="light"] .scorer-pct         { color: var(--gold) !important; }

/* ══════════════════════════════════════════════════════════════
   صفحة الامتحانات — وضع نهاري كامل + تحسين الوضع الليلي
   ═══════════════════════════════════════════════════════════ */

/* ── شريط التصفح العلوي ── */
html[data-theme="light"] .top-bar {
  background: rgba(245,242,238,.96) !important;
  border-bottom-color: rgba(0,0,0,.12) !important;
}

/* ── بطاقات المباريات ── */
html[data-theme="light"] .comp-card {
  background: rgba(255,255,255,.9) !important;
  border-color: rgba(0,0,0,.12) !important;
}
html[data-theme="light"] .comp-card:hover,
html[data-theme="light"] .comp-card.active {
  background: rgba(255,255,255,1) !important;
  border-color: rgba(110,86,0,.45) !important;
}
html[data-theme="light"] .comp-name  { color: #1a1510 !important; font-weight: 800 !important; }
html[data-theme="light"] .comp-count { background: rgba(0,0,0,.06) !important; color: #4a3f30 !important; }

/* ── أزرار المجال ── */
html[data-theme="light"] .domain-btn {
  background: rgba(0,0,0,.04) !important;
  border-color: rgba(0,0,0,.14) !important;
  color: #4a3f30 !important;
}
html[data-theme="light"] .domain-btn:hover {
  background: rgba(110,86,0,.07) !important;
  border-color: rgba(110,86,0,.4) !important;
  color: #1a1510 !important;
}
html[data-theme="light"] .domain-btn.active {
  background: rgba(110,86,0,.1) !important;
  border-color: rgba(110,86,0,.4) !important;
  color: var(--gold) !important;
}

/* ── صف نوع الامتحان ── */
html[data-theme="light"] .type-row {
  background: rgba(255,255,255,.9) !important;
  border-color: rgba(0,0,0,.12) !important;
}
html[data-theme="light"] .type-row:hover {
  background: rgba(255,255,255,1) !important;
  border-color: rgba(110,86,0,.4) !important;
}
html[data-theme="light"] .type-name   { color: #1a1510 !important; font-weight: 700 !important; }
html[data-theme="light"] .types-title { color: #1a1510 !important; }
html[data-theme="light"] .back-btn    { border-color: rgba(0,0,0,.14) !important; color: #4a3f30 !important; }
html[data-theme="light"] .back-btn:hover { border-color: rgba(110,86,0,.4) !important; color: #1a1510 !important; }

/* ── بطاقات الامتحانات المحفوظة ── */
html[data-theme="light"] .saved-exam-card {
  background: rgba(255,255,255,.9) !important;
  border-color: rgba(0,0,0,.12) !important;
}
html[data-theme="light"] .saved-exam-card:hover {
  background: rgba(255,255,255,1) !important;
  border-color: rgba(110,86,0,.4) !important;
}
html[data-theme="light"] .sec-title { color: #1a1510 !important; font-weight: 700 !important; }
html[data-theme="light"] .sec-meta  { color: #4a3f30 !important; }
html[data-theme="light"] .saved-empty {
  background: rgba(0,0,0,.04) !important;
  border-color: rgba(0,0,0,.14) !important;
}

/* ── أسئلة QCM على الصفحة الرئيسية (قبل وضع الامتحان الكامل) ── */
html[data-theme="light"] .q-item { background: rgba(255,255,255,.9) !important; border: 1px solid rgba(0,0,0,.1) !important; }
html[data-theme="light"] .q-text { color: #1a1510 !important; font-weight: 700 !important; }
html[data-theme="light"] .q-opt  {
  background: rgba(0,0,0,.04) !important;
  border-color: rgba(0,0,0,.1) !important;
  color: #1a1510 !important;
}
html[data-theme="light"] .q-opt:hover:not([data-locked]) {
  background: rgba(110,86,0,.06) !important;
  border-color: rgba(110,86,0,.35) !important;
}
html[data-theme="light"] .q-opt.selected {
  background: rgba(110,86,0,.22) !important;
  border-color: rgba(110,86,0,.9) !important;
  color: #3d2800 !important;
  font-weight: 700 !important;
}
html[data-theme="light"] .q-expl {
  background: rgba(0,0,0,.04) !important;
  color: #1a1510 !important;
}
html[data-theme="light"] .q-score {
  background: rgba(255,255,255,.9) !important;
  border: 1px solid rgba(0,0,0,.1) !important;
}

/* ── مودال الامتحان (modal-bg/modal) ── */
html[data-theme="light"] .modal {
  background: #f5f2ee !important;
  border-color: rgba(0,0,0,.14) !important;
}
html[data-theme="light"] .modal-head {
  background: #f5f2ee !important;
  border-bottom-color: rgba(0,0,0,.1) !important;
}
html[data-theme="light"] .exam-counters { background: #ece8e0 !important; }
html[data-theme="light"] .exam-progress-bar-wrap { background: rgba(0,0,0,.08) !important; }

/* ── الوضع الليلي: تحسين وضوح نصوص شاشة الامتحان الكاملة (xo) ── */
/* هذه الشاشة تبقى داكنة دائماً لأنها تجربة امتحان — لكن النصوص أكثر وضوحاً */
.xoi-tlabel  { color: rgba(255,255,255,.72) !important; font-size: .78rem !important; }
.xoi-tinst   { color: rgba(255,255,255,.65) !important; font-size: .76rem !important; }
.xoi-sub     { color: rgba(255,255,255,.88) !important; font-size: .9rem  !important; }
.xoi-ready   { color: rgba(255,255,255,.95) !important; font-size: .95rem !important; }
.xogen-sub   { color: rgba(255,255,255,.72) !important; font-size: .82rem !important; }
.xogen-msg   { color: rgba(255,255,255,.88) !important; font-size: .88rem !important; }
.xogen-counter { color: rgba(255,255,255,.6)  !important; font-size: .78rem !important; }
.xos-snad    { color: rgba(255,255,255,.72) !important; font-size: .78rem !important; }
.xos-hint    { color: rgba(255,255,255,.75) !important; font-size: .78rem !important; }
.xos-qtext   { color: #ffffff !important; font-size: 1.08rem !important; font-weight: 800 !important; line-height: 1.75 !important; }
.xos-opt     { color: rgba(255,255,255,.96) !important; font-size: .97rem !important; font-weight: 500 !important; }
.xoe-smax    { color: rgba(255,255,255,.82) !important; }
.xoe-elapsed { color: rgba(255,255,255,.72) !important; }

/* ═══════════════════════════════════════════════════════════════
   وضوح الخط الشامل — أسود حالك (فاتح) · أبيض (داكن) — كل الشاشات
   ══════════════════════════════════════════════════════════════ */

/* ── نص السؤال وخيارات الإجابة — كلا الوضعين ── */
.q-text {
  font-size: 1.02rem !important;
  font-weight: 700   !important;
  line-height: 1.65  !important;
}
.q-opt {
  font-size:  .96rem !important;
  font-weight: 500   !important;
  min-height: 44px   !important;
}

/* ── الوضع الفاتح — نص أسود حالك لكل محتوى الامتحانات ── */
html[data-theme="light"] .q-text      { color: #111 !important; font-weight: 800 !important; }
html[data-theme="light"] .q-opt       { color: #1a1510 !important; font-weight: 600 !important; }
html[data-theme="light"] .q-opt-id    { color: #1a1510 !important; font-weight: 700 !important; }
html[data-theme="light"] .q-item      { background: rgba(255,255,255,.95) !important; }

/* نصوص المحاور والشروح في الوضع الفاتح */
html[data-theme="light"] .q-snad      { color: #6e5600 !important; font-weight: 700 !important; }
html[data-theme="light"] .q-expl      { color: #1a1510 !important; font-weight: 500 !important; }
html[data-theme="light"] .q-opt.correct { color: #1e6840 !important; font-weight: 700 !important; }
html[data-theme="light"] .q-opt.wrong   { color: #a02020 !important; font-weight: 700 !important; }
html[data-theme="light"] .q-opt.reveal-correct { color: #1e6840 !important; font-weight: 700 !important; }

/* ── الأزرار الملونة داخل #xo.xo-light ── */
html[data-theme="light"] .xos-confirm,
html[data-theme="light"] .xos-confirm-btn { background: #6e5600 !important; color: #fff !important; }

/* ── نصوص القارئ (view/index.html) في الوضع الفاتح — أسود واضح ── */
html[data-theme="light"] .para-body      { color: #111    !important; font-weight: 500  !important; }
html[data-theme="light"] .para-title     { color: #111    !important; font-weight: 800  !important; }
html[data-theme="light"] .jud-text       { color: #1a1510 !important; font-weight: 500  !important; }
html[data-theme="light"] .jud-term-name  { color: #111    !important; font-weight: 700  !important; }
html[data-theme="light"] .jud-term-def   { color: #1a1510 !important; }
html[data-theme="light"] .jud-errors-list li { color: #1a1510 !important; }
html[data-theme="light"] .objectives li  { color: #1a1510 !important; }
html[data-theme="light"] .para-summary   { color: #1a1510 !important; font-weight: 600  !important; }
html[data-theme="light"] .vocab-box,
html[data-theme="light"] .juris-box,
html[data-theme="light"] .clinical-box   { color: #1a1510 !important; }
html[data-theme="light"] .cover-title-formal { color: #111 !important; font-weight: 900 !important; }
html[data-theme="light"] .cover-objective    { color: #1a1510 !important; }
html[data-theme="light"] .cover-articles     { color: #1a1510 !important; }

/* ── الوضع الداكن — أبيض واضح لنصوص القارئ ── */
html[data-theme="dark"] .para-body  { color: var(--txt) !important; }
html[data-theme="dark"] .para-title { color: var(--txt) !important; font-weight: 700 !important; }
html[data-theme="dark"] .jud-text   { color: var(--txt2) !important; }

/* ── زر التأكيد (q-confirm) في الفاتح — نص أبيض على بني داكن ── */
html[data-theme="light"] .q-confirm { background: #6e5600 !important; color: #fff !important; font-weight: 800 !important; }

/* ══════════════════════════════════════════════════════════════
   العناوين الرئيسية للصفحات — نفس فخامة صفحة النصوص التشريعية
   ══════════════════════════════════════════════════════════════ */
.home-title {
  font-size: clamp(1.45rem, 4vw, 2.2rem) !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

/* ══════════════════════════════════════════════════════════════
   فخامة الخط الموحّد — شرح البطاقات عبر كل الصفحات
   نفس أسلوب صفحة النصوص التشريعية: خط غليظ + تباعد سطور واسع
   ══════════════════════════════════════════════════════════════ */

/* شرح بطاقات الصفحة الرئيسية */
.feat-card p {
  font-weight: 700 !important;
  line-height:  1.85 !important;
  font-size:    .88rem !important;
}

/* شرح البطاقات العامة (النصوص التشريعية وغيرها) */
.card p {
  font-weight: 700 !important;
  line-height:  1.85 !important;
}

/* العنوان الفرعي في شاشات اختيار المجال (الدروس، الامتحانات، المكتبة) */
.home-sub {
  font-weight: 700 !important;
  line-height:  1.85 !important;
}

/* الشرح التوجيهي في حالة الصفحة الفارغة / غير المسجّل */
.empty-sub {
  font-weight: 600 !important;
  line-height:  1.75 !important;
}

/* ══ صف اختيار المجال — متجاوب على كل الشاشات والأنظمة ══ */
.dom-row{display:flex;gap:.75rem;width:100%;max-width:440px;margin:0 auto 1.75rem}
.dom-row>.domain-btn,.dom-row>.cat-tab{flex:1;justify-content:center;min-height:48px;width:auto!important}
@media(max-width:480px){.dom-row{flex-direction:column}}

/* ══ حركة انتظار اختيار المجال (دائرة مزدوجة + شعار) ══ */
.dom-spin-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem 1rem}
.dom-spin{width:150px;height:150px;position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}
.dom-ring{position:absolute;border-radius:50%}
.dom-ring-o{inset:0;border:3.5px solid rgba(212,175,55,.12);border-top-color:var(--gold);animation:domSpin 1.1s linear infinite}
.dom-ring-i{inset:16px;border:2px solid rgba(212,175,55,.08);border-bottom-color:var(--gold);opacity:.6;animation:domSpin 1.8s linear infinite reverse}
.dom-ring-glow{position:absolute;inset:30px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.1),transparent 70%);animation:domPulse 2.4s ease-in-out infinite}
.dom-ring-logo{width:90px;height:48px;object-fit:contain;position:relative;z-index:1;animation:domBounce 2.4s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(212,175,55,.5));-webkit-filter:drop-shadow(0 0 12px rgba(212,175,55,.5))}
@keyframes domSpin{to{transform:rotate(360deg)}}
@keyframes domPulse{0%,100%{opacity:.4;transform:scale(.88)}50%{opacity:1;transform:scale(1.06)}}
@keyframes domBounce{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.07)}}
.dom-spin-label{font-size:.95rem;font-weight:800;color:var(--txt);line-height:1.55;max-width:240px}