/* ==========================================================================
   Telkini v124 — Lesen: قراءة أوضح للطلاب
   خط أكبر، تباعد أسطر مريح، تباين أقوى، وعناوين/خيارات أسهل للقراءة واللمس.
   ملف مستقل: لحذف التغيير يكفي إزالة سطر <link> من index.html.
   ========================================================================== */

/* ---------- Teil 1: النصوص ---------- */
#exercise-texts-container .text-card p {
  font-size: 16.5px !important;
  line-height: 1.9 !important;
  color: #1e293b !important;
  letter-spacing: .003em;
  word-spacing: .02em;
}
html.dark #exercise-texts-container .text-card p { color: #e5e7eb !important; }
#exercise-texts-container .text-card { scroll-margin-top: 90px; }

/* رقم النص */
#exercise-texts-container .text-card > div:first-child {
  font-size: 14px !important;
  font-weight: 800 !important;
}

/* خانة الإجابة (قبل التصحيح) */
#exercise-texts-container .answer-slot:not(.tk-fb) {
  font-size: 13.5px !important;
  color: #64748b;
  min-height: 52px;
  display: flex; align-items: center; justify-content: center;
}
html.dark #exercise-texts-container .answer-slot:not(.tk-fb) { color: #94a3b8; }

/* ---------- Teil 1: العناوين (Überschriften) ---------- */
#options-list .option-item { min-height: 58px; }
#options-list .option-item > div:first-child {
  width: 46px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #334155 !important;
}
html.dark #options-list .option-item > div:first-child { color: #cbd5e1 !important; }
#options-list .option-item span.block {
  font-size: 15px !important;
  line-height: 1.5 !important;
  font-weight: 700 !important;
}
#options-list .option-item span[dir="rtl"] {
  font-size: 14px !important;
  line-height: 1.7 !important;
}

/* ---------- Teil 2 / Teil 3 / Sprach 1 / Sprach 2 ---------- */
#exercise2-view p.font-inter,
#exercise3-view p.font-inter {
  font-size: 16px !important;
  line-height: 1.9 !important;
  color: #1e293b !important;
}
html.dark #exercise2-view p.font-inter,
html.dark #exercise3-view p.font-inter { color: #e5e7eb !important; }

#exercise2-view span.block.leading-snug { font-size: 15px !important; line-height: 1.55 !important; }
#exercise2-view h3.font-inter { font-size: 15.5px !important; line-height: 1.5 !important; }

#exercise4-view p, #exercise5-view p {
  font-size: 16.5px !important;
  line-height: 2 !important;
}
#exercise4-view p:not([class*="text-white"]), #exercise5-view p:not([class*="text-white"]) { color: #1e293b; }
html.dark #exercise4-view p, html.dark #exercise5-view p { color: #e5e7eb; }
#ex4-note-text, #exercise5-view [id$="note-text"] { font-size: 13.5px !important; line-height: 1.7 !important; }

/* ---------- نتيجة التصحيح (الشارة العلوية) ---------- */
#exam-result-banner { max-width: calc(100vw - 24px); }
#exam-result-banner h4 { font-size: 15px !important; }
#exam-result-banner p { font-size: 12.5px !important; }

/* ---------- قائمة المواضيع ---------- */
#topics-grid .topic-card h3 { font-size: 15.5px !important; line-height: 1.35 !important; }
#topics-grid .topic-card p[dir="rtl"] {
  font-size: 13.5px !important;
  color: #64748b !important;
}
html.dark #topics-grid .topic-card p[dir="rtl"] { color: #94a3b8 !important; }
#topics-grid .topic-card { transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; }
#topics-grid .topic-card:hover { transform: translateY(-2px); }
#topics-grid .topic-card:focus-visible { outline: 3px solid #10b981; outline-offset: 2px; }
/* حالة القفل: كلمة «Pro» بجانب القفل حتى يفهم الطالب السبب */
#topics-grid .topic-card .pro-lock {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 2px 8px; border-radius: 999px;
  background: #fffbeb; border: 1px solid #fde68a;
}
#topics-grid .topic-card .pro-lock::after { content: "Pro"; font: 800 11px Inter, system-ui, sans-serif; color: #b45309; }
html.dark #topics-grid .topic-card .pro-lock { background: rgba(245,158,11,.12); border-color: rgba(245,158,11,.35); }

/* ---------- نافذة التعديلات المتاحة ---------- */
#modifications-modal h4 { font-size: 15px !important; }
#modifications-modal h4 + p { font-size: 13px !important; }

/* ---------- شاشات صغيرة ---------- */
@media (max-width: 640px) {
  #exercise-texts-container .text-card p,
  #exercise2-view p.font-inter, #exercise3-view p.font-inter,
  #exercise4-view p, #exercise5-view p { font-size: 16px !important; line-height: 1.85 !important; }
  #exercise-texts-container .text-card { padding: 20px 18px !important; }
  #options-list .option-item span.block { font-size: 14.5px !important; }
  #exam-result-banner { top: auto !important; bottom: 84px !important; padding: 10px 14px !important; gap: 10px !important; }
  #exam-result-banner p { display: none; }
}