/* AlSirat - تنسيقات وظيفية فقط. الألوان والتصميم من Blocksy / Spectra.
   يمكن تخصيص المتغيرات التالية من أي CSS إضافي. */

:root {
  --alsirat-highlight-bg: rgba(255, 200, 0, 0.30);
  --alsirat-highlight-radius: 4px;
  --alsirat-quran-size: 1.9rem;
  --alsirat-quran-line-height: 2.4;
  --alsirat-trans-size: 1.05rem;
  --alsirat-trans-line-height: 1.8;
  --alsirat-text-size: 1.1rem;
  --alsirat-text-line-height: 1.9;
  --alsirat-header-size: 1.5rem;
}

/* الخطوط */
.alsirat-font-quran       { font-family: var(--alsirat-font-quran); }
.alsirat-font-tafseer-ar  { font-family: var(--alsirat-font-tafseer-ar); }
.alsirat-font-naskh       { font-family: var(--alsirat-font-naskh); }
.alsirat-font-latin       { font-family: var(--alsirat-font-latin); }

/* صفحة المصحف */
.alsirat-page--ar    { font-size: var(--alsirat-quran-size); line-height: var(--alsirat-quran-line-height); }
.alsirat-page--trans { font-size: var(--alsirat-trans-size); line-height: var(--alsirat-trans-line-height); }

.alsirat-verses { margin: 0 0 1em; text-align: justify; }

.alsirat-surah-header {
  text-align: center;
  font-size: var(--alsirat-header-size);
  font-weight: 700;
  margin: 1em 0 .4em;
}

.alsirat-basmala { text-align: center; margin: .2em 0 .8em; }

/* الآية: قابلة للنقر + تحديد */
.alsirat-ayah {
  cursor: pointer;
  border-radius: var(--alsirat-highlight-radius);
  transition: background-color .15s ease;
}
.alsirat-ayah:hover,
.alsirat-ayah:focus-visible { background-color: var(--alsirat-highlight-bg); outline: none; }
.alsirat-ayah--active { background-color: var(--alsirat-highlight-bg); }

.alsirat-ayah-num { font-size: .8em; white-space: nowrap; opacity: .85; }

/* الآية الحالية C12 (غير قابلة للنقر) */
.alsirat-current-ayah { font-size: var(--alsirat-quran-size); line-height: var(--alsirat-quran-line-height); }
.alsirat-current-ayah:not(.alsirat-font-quran) { font-size: var(--alsirat-trans-size); line-height: var(--alsirat-trans-line-height); }
.alsirat-current-ayah .alsirat-ayah { cursor: default; }
.alsirat-current-ayah .alsirat-ayah:hover { background: none; }

/* التفاسير */
.alsirat-text { font-size: var(--alsirat-text-size); line-height: var(--alsirat-text-line-height); }
.alsirat-text p { margin: 0 0 1em; }
.alsirat-text blockquote { margin: 1em 0; padding: .2em 1em; border-inline-start: 3px solid currentColor; opacity: .9; }

/* عناصر التنقل */
.alsirat-c select.alsirat-select { max-width: 100%; }
.alsirat-btn { cursor: pointer; line-height: 1; }

/* حالات التحميل والخطأ */
body.alsirat-busy [data-alsirat-comp] { opacity: .65; transition: opacity .15s ease; }
body.alsirat-error [data-alsirat-comp="C17"] { color: #b32d2e; }

@media (prefers-reduced-motion: reduce) {
  .alsirat-ayah, body.alsirat-busy [data-alsirat-comp] { transition: none; }
}