/* ============================================================
 * Ibn-Thani — Quran Surah Display
 * يطبق على عرض السور والتفسير فقط. لا يمسّ التصميم العام.
 * ============================================================ */

/* خط مصحف المدينة الرسمي (مجمع الملك فهد) */
@font-face {
  font-family: "UthmanicHafs";
  src: url("../fonts/UthmanicHafs.ttf") format("truetype");
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

/* =========================================================
 * طبقة عزل قوية: تمنع أي قاعدة Bootstrap أو غيرها من
 * التسرّب لمنطقة عرض الآيات
 * ========================================================= */
.surah-text,
.surah-text-one-line,
.ayat4tafseer {
  /* تنظيف أي context وراثي من قواعد body / containers */
  font-feature-settings: "liga" 1, "calt" 1, "kern" 1;
  -webkit-font-feature-settings: "liga" 1, "calt" 1, "kern" 1;
  text-rendering: optimizeLegibility;
  /* الحاوية isolated visually */
  isolation: isolate;
}

/* منع أي قاعدة .row أو .col من Bootstrap من تغيير شكل النص */
.surah-text .row,
.surah-text-one-line .row,
.ayat4tafseer .row {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-wrap: initial !important;
}
.surah-text [class*="col-"],
.surah-text-one-line [class*="col-"],
.ayat4tafseer [class*="col-"] {
  flex: initial !important;
  width: auto !important;
  padding: 0 !important;
  display: inline !important;
}

/* ===== رأس صفحة السورة (يأتي من ibn-content-head في القالب) ===== */
.ibn-content-head h1 {
  font-family: "UthmanicHafs", "Tajawal", serif;
  font-size: clamp(28px, 4vw, 42px);
  letter-spacing: 0;
}

/* ===== حاوية نص السورة الرئيسية ===== */
.surah-text,
.surah-text-one-line {
  font-family: "UthmanicHafs", "Amiri Quran", "Scheherazade", serif;
  direction: rtl;
  text-align: justify;
  text-align-last: center;
  background:
    radial-gradient(circle at 15% 10%, rgba(212,175,55,.06), transparent 45%),
    radial-gradient(circle at 85% 90%, rgba(212,175,55,.05), transparent 45%),
    #fdfaf0;
  color: #1a1a1a;
  font-size: clamp(26px, 3.4vw, 38px);
  line-height: 2.4;
  padding: clamp(24px, 4vw, 48px) clamp(20px, 4vw, 56px);
  margin: 18px 0;
  border: 1px solid rgba(212, 175, 55, 0.45);
  border-radius: 22px;
  position: relative;
  box-shadow:
    0 18px 42px rgba(7, 29, 56, 0.08),
    inset 0 0 0 6px #fff,
    inset 0 0 0 7px rgba(212, 175, 55, 0.32);
  word-spacing: 2px;
}

/* الإطار الذهبي المزدوج (محاكاة صفحة المصحف) */
.surah-text::before,
.surah-text-one-line::before {
  content: "";
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(212, 175, 55, 0.32);
  border-radius: 14px;
  pointer-events: none;
}

/* وضع السطر الواحد (آية في كل سطر) */
.surah-text-one-line {
  text-align: center;
  text-align-last: center;
}
.surah-text-one-line .mt-3 {
  margin: 18px 0;
  padding-bottom: 14px;
  border-bottom: 1px dashed rgba(212, 175, 55, 0.28);
}
.surah-text-one-line .mt-3:last-child {
  border-bottom: 0;
}

/* ===== روابط الآيات: إزالة كل أنماط الرابط الافتراضية ===== */
.surah-text a,
.surah-text-one-line a {
  color: #1a1a1a;
  text-decoration: none;
  background: transparent;
  border: 0;
  display: inline;
  transition: background-color .2s ease, color .2s ease;
  padding: 2px 4px;
  border-radius: 6px;
}

.surah-text a:hover,
.surah-text-one-line a:hover,
.surah-text a:focus,
.surah-text-one-line a:focus {
  background: rgba(212, 175, 55, 0.16);
  color: #0A2A5E;
  outline: none;
}

.surah-text a:active,
.surah-text-one-line a:active {
  background: rgba(212, 175, 55, 0.28);
}

/* تأكيد إزالة أي تسطير قد يضيفه CSS آخر */
.surah-text a,
.surah-text-one-line a,
.surah-text a *,
.surah-text-one-line a * {
  text-decoration: none !important;
}

/* نص الآية نفسه */
.surah-text .ayat,
.surah-text-one-line .ayat {
  font-family: inherit;
  display: inline;
}

/* رقم الآية بين قوسين عربيين ﴿ ﴾ */
.surah-text .aya-number,
.surah-text-one-line .aya-number {
  display: inline;
  color: #B8860B;
  font-family: "UthmanicHafs", serif;
  font-size: 0.85em;
  margin: 0 4px;
  white-space: nowrap;
  vertical-align: middle;
}

/* ===== رقم الآية كرابط للتفسير ===== */
.surah-text .ayah-number-link,
.surah-text-one-line .ayah-number-link {
  display: inline;
  text-decoration: none !important;
  background: transparent;
  border: 0;
  padding: 0 2px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color .2s ease, transform .2s ease;
}

.surah-text .ayah-number-link:hover,
.surah-text-one-line .ayah-number-link:hover,
.surah-text .ayah-number-link:focus,
.surah-text-one-line .ayah-number-link:focus {
  background: rgba(212, 175, 55, 0.22);
  transform: scale(1.08);
  outline: none;
}

.surah-text .ayah-number-link .aya-number,
.surah-text-one-line .ayah-number-link .aya-number {
  color: #B8860B;
}

.surah-text .ayah-number-link:hover .aya-number,
.surah-text-one-line .ayah-number-link:hover .aya-number {
  color: #0A2A5E;
}

/* ===== رأس السورة (بسملة + اسم) — يُضاف ديناميكياً ===== */
.surah-header {
  text-align: center;
  margin-bottom: 22px;
  padding: 22px 16px;
  background:
    linear-gradient(180deg, rgba(212,175,55,0.06), transparent 70%),
    #fff;
  border: 1px solid rgba(212, 175, 55, 0.42);
  border-radius: 22px;
  position: relative;
  box-shadow: 0 12px 28px rgba(7, 29, 56, 0.06);
}

.surah-header::before,
.surah-header::after {
  content: "❖";
  color: #D4AF37;
  font-size: 18px;
  display: block;
  margin: 4px 0;
}

.surah-header h2 {
  font-family: "UthmanicHafs", "Tajawal", serif;
  font-size: clamp(32px, 5vw, 48px);
  color: #0A2A5E;
  margin: 8px 0;
  font-weight: normal;
}

.surah-header .surah-meta {
  display: inline-flex;
  gap: 18px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 10px;
  color: #5d6678;
  font-size: 15px;
  font-family: "Tajawal", sans-serif;
}

.surah-header .surah-meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(212, 175, 55, 0.10);
  padding: 6px 14px;
  border-radius: 999px;
  color: #6b4f00;
  font-weight: 700;
}

/* ===== صفحة التفسير: تطبيق نفس الخط على نص الآية ===== */
.ayat4tafseer {
  font-family: "UthmanicHafs", "Amiri Quran", serif;
  font-size: clamp(28px, 3.6vw, 40px);
  line-height: 2.2;
  text-align: center;
  background: #fdfaf0;
  border: 1px solid rgba(212, 175, 55, 0.42);
  border-radius: 22px;
  padding: clamp(24px, 4vw, 40px);
  margin: 18px 0;
  color: #1a1a1a;
  position: relative;
  box-shadow:
    inset 0 0 0 6px #fff,
    inset 0 0 0 7px rgba(212, 175, 55, 0.30),
    0 18px 38px rgba(7, 29, 56, 0.06);
}

.ayat4tafseer::before {
  content: "";
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(212, 175, 55, 0.30);
  border-radius: 14px;
  pointer-events: none;
}

.ayat4tafseer .aya-number {
  color: #B8860B;
  font-size: 0.85em;
  margin: 0 6px;
}

.ayat4tafseer_info {
  font-family: "Tajawal", sans-serif;
  font-size: 16px;
  margin-top: 18px;
  color: #5d6678;
}

.ayat4tafseer_info a {
  color: #0A2A5E;
  text-decoration: none;
  font-weight: 700;
}

.ayat4tafseer_info .number {
  background: rgba(212, 175, 55, 0.18);
  padding: 4px 10px;
  border-radius: 999px;
  color: #6b4f00;
}

/* بطاقة نص التفسير */
.ayat4tafseer_text {
  font-family: "Tajawal", "IBM Plex Sans Arabic", sans-serif;
  font-size: 18px;
  line-height: 2;
  text-align: justify;
  background: #fff;
  border: 1px solid rgba(212, 175, 55, 0.30);
  border-radius: 20px;
  padding: 22px 24px;
  margin: 18px 0;
  color: #1a1a1a;
  box-shadow: 0 10px 26px rgba(7, 29, 56, 0.05);
  font-weight: 400;
}

/* بطاقة سبب النزول */
.asbab-nuzool-card {
  background: linear-gradient(180deg, #fffaee, #fff);
  border: 1px solid rgba(212, 175, 55, 0.42);
  border-radius: 22px;
  padding: 22px 24px;
  margin: 22px 0;
  box-shadow: 0 12px 30px rgba(7, 29, 56, 0.06);
}

.asbab-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 14px;
}

.asbab-ornament {
  color: #D4AF37;
  font-size: 20px;
}

.asbab-title {
  margin: 0;
  font-family: "Tajawal", sans-serif;
  font-size: 22px;
  color: #0A2A5E;
}

.asbab-body {
  font-family: "Tajawal", sans-serif;
  font-size: 17px;
  line-height: 1.9;
  color: #1a1a1a;
  text-align: justify;
}

.asbab-source {
  text-align: left;
  margin-top: 14px;
  color: #5d6678;
  font-size: 13px;
  font-style: italic;
}

/* ===== التنقّل بين الآيات في صفحة التفسير ===== */
.tafseer-ayah-nav {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  padding: 14px 18px !important;
  margin: 18px 0 !important;
}

.tafseer-ayah-nav-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  background: linear-gradient(180deg, #E7C85A, #D4AF37);
  color: #0A2A5E;
  font-weight: 800;
  padding: 10px 18px;
  border-radius: 14px;
  border: 0;
  box-shadow: 0 8px 18px rgba(212, 175, 55, 0.22);
  transition: transform .2s ease;
}

.tafseer-ayah-nav-btn:hover {
  transform: translateY(-2px);
}

.tafseer-ayah-disabled {
  background: #efe9d8 !important;
  color: #9a8a4d !important;
  box-shadow: none !important;
  cursor: not-allowed;
}

.tafseer-ayah-nav-current {
  font-family: "Tajawal", sans-serif;
  font-weight: 800;
  color: #0A2A5E;
  background: rgba(212, 175, 55, 0.14);
  padding: 8px 16px;
  border-radius: 999px;
}

/* ===== قوائم اختيار التفسير والآية والسورة ===== */
.tafseer-list,
.ayah-list,
.surah-list {
  margin-bottom: 12px;
}

.tafseer-list label,
.ayah-list label,
.surah-list label {
  display: block;
  margin-bottom: 6px;
  font-family: "Tajawal", sans-serif;
  font-weight: 800;
  color: #0A2A5E;
  font-size: 14px;
}

/* ===== زر التشغيل (الآية) ===== */
.listen_aya {
  display: inline-flex;
  margin-top: 14px;
}

.listen_aya a {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: linear-gradient(180deg, #E7C85A, #D4AF37);
  color: #0A2A5E;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(212, 175, 55, 0.32);
  transition: transform .2s ease;
}

.listen_aya a:hover {
  transform: scale(1.08);
}

/* ===== استجابة الجوال ===== */
@media (max-width: 720px) {
  .surah-text,
  .surah-text-one-line {
    font-size: 24px;
    line-height: 2.3;
    padding: 22px 16px;
    word-spacing: 1px;
  }

  .surah-text::before,
  .surah-text-one-line::before {
    inset: 8px;
  }

  .surah-header {
    padding: 18px 12px;
  }

  .ayat4tafseer {
    font-size: 24px;
    padding: 22px 16px;
  }

  .ayat4tafseer::before {
    inset: 8px;
  }

  .tafseer-ayah-nav {
    justify-content: center;
  }

  .tafseer-ayah-nav-current {
    order: -1;
    width: 100%;
    text-align: center;
  }
}

/* ===== خطوة وقائية: إزالة underline من أي رابط داخل آيات السور
   حتى لو طبّقت قواعد عامة في bootstrap أو في ملف style.css ===== */
.surah-text a,
.surah-text-one-line a,
.ayat4tafseer a {
  text-decoration: none !important;
  border-bottom: 0 !important;
}


/* STRICT UI REPAIR 2026-05-23 — interface only, no Quran/Tafseer text selectors */
body.ibn-quran-app{
  padding-bottom:0!important;
  background:#f8f6ee!important;
}
.ibn-page-shell{padding-bottom:32px!important;}
.ibn-bottom-nav{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:min(960px,calc(100% - 32px))!important;
  max-width:960px!important;
  height:72px!important;
  margin:26px auto!important;
  border-radius:24px!important;
  z-index:10!important;
}
.ibn-glass-player{
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  bottom:auto!important;
  width:min(680px,calc(100% - 28px))!important;
  transform:translate(-50%,-44%) scale(.98)!important;
  border-radius:24px!important;
  z-index:2200!important;
}
.ibn-glass-player.is-open{transform:translate(-50%,-50%) scale(1)!important;}
.listensora,.changesoraform,.tafseer-controls,.tafseer-ayah-nav{
  border:1px solid rgba(212,175,55,.35)!important;
  border-radius:20px!important;
  padding:16px!important;
  background:#fff!important;
  box-shadow:0 10px 26px rgba(7,29,56,.06)!important;
}
.listensora select,.changesoraform select,.tafseer-controls select,.tafseer-ayah-nav select,
.listensora input,.changesoraform input,.tafseer-controls input,.tafseer-ayah-nav input{
  width:100%!important;
  min-height:48px!important;
  border:1px solid rgba(7,29,56,.16)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#071D38!important;
  padding:8px 12px!important;
  font-weight:800!important;
  direction:rtl!important;
  text-align:right!important;
}
.changesoraform button,.tafseer-controls button,.tafseer-ayah-nav a,.tafseer-ayah-nav button{
  min-height:48px!important;
  border-radius:14px!important;
  border:1px solid rgba(212,175,55,.55)!important;
  background:#d4af37!important;
  color:#071D38!important;
  font-weight:900!important;
  padding:8px 18px!important;
}
.quran-home-gateway{max-width:1180px;margin:0 auto;padding:24px 16px 42px;}
.quran-home-hero{background:linear-gradient(135deg,#071D38,#0A2A5E);border:1px solid rgba(212,175,55,.45);border-radius:34px;min-height:300px;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 22px 60px rgba(7,29,56,.18);}
.quran-home-kicker{color:#d4af37;font-weight:900;margin:0 0 8px;}
.quran-home-hero h1{color:#fff;font-size:clamp(42px,7vw,86px);margin:0 0 26px;font-weight:900;}
.quran-home-actions,.quran-gateway-grid,.quran-book-grid,.quran-mushaf-grid{display:grid;gap:16px;}
.quran-home-actions{display:flex;flex-wrap:wrap;justify-content:center;}
.quran-home-primary,.quran-home-secondary,.quran-gateway-card,.quran-book-tile,.quran-mushaf-tile{text-decoration:none!important;}
.quran-home-primary,.quran-home-secondary{border-radius:16px;padding:13px 28px;font-weight:900;}
.quran-home-primary{background:#d4af37;color:#071D38!important;}
.quran-home-secondary{border:1px solid rgba(255,255,255,.35);color:#fff!important;}
.quran-gateway-grid{grid-template-columns:repeat(6,1fr);margin:28px 0;}
.quran-gateway-card{min-height:116px;border:1px solid rgba(212,175,55,.35);border-radius:24px;background:#fff;color:#071D38!important;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;box-shadow:0 14px 32px rgba(7,29,56,.07);}
.quran-home-section{background:#fff;border:1px solid rgba(212,175,55,.35);border-radius:28px;margin:26px 0;padding:24px;box-shadow:0 12px 28px rgba(7,29,56,.06);}
.quran-section-head h2{margin:0 0 22px;color:#071D38;text-align:right;font-size:30px;font-weight:900;}
.quran-book-grid{grid-template-columns:repeat(4,1fr);}
.quran-book-tile{min-height:110px;border:1px solid rgba(212,175,55,.35);border-radius:20px;background:#fff;color:#071D38!important;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;font-size:19px;}
.quran-mushaf-grid{grid-template-columns:repeat(4,1fr);}
.quran-mushaf-tile{min-height:170px;border:1px solid rgba(212,175,55,.35);border-radius:20px;background:#fff;color:#071D38!important;display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:center;padding:18px;}
.quran-mushaf-img{height:132px;display:flex;align-items:center;justify-content:center;background:#faf8ef;border-radius:16px;overflow:hidden;}
.quran-mushaf-img img{max-width:100%;max-height:100%;width:auto!important;height:auto!important;object-fit:contain!important;}
.quran-search-strip form{display:grid;grid-template-columns:1fr 150px;gap:12px;}
.quran-search-strip input,.quran-search-strip button{min-height:52px;border-radius:16px;border:1px solid rgba(7,29,56,.16);padding:8px 14px;font-weight:800;}
.quran-search-strip button{background:#d4af37;color:#071D38;border-color:#d4af37;}
.royal-mushaf-grid{grid-template-columns:repeat(3,1fr)!important;}
.royal-mushaf-card{min-height:250px!important;}
.royal-mushaf-cover{height:190px!important;overflow:hidden!important;}
.royal-mushaf-cover img{width:100%!important;height:100%!important;object-fit:contain!important;}
.royal-mushaf-viewer-frame{height:calc(100vh - 120px)!important;min-height:780px!important;width:100%!important;background:#fff!important;}
.royal-mushaf-viewer{border-radius:22px!important;overflow:hidden!important;}
body:has(.ibn-full-viewer) .ibn-top-shell,
body:has(.ibn-full-viewer) .ibn-bottom-nav,
body:has(.ibn-full-viewer) .ibn-footer,
body:has(.ibn-full-viewer) .breadcrumb,
body:has(.ibn-full-viewer) .breadcrumb-wrapper{display:none!important;}
body:has(.ibn-full-viewer) .ibn-page-shell{padding:0!important;max-width:none!important;width:100%!important;}
body:has(.ibn-full-viewer){background:#fff!important;}
.ibn-full-viewer{min-height:100vh!important;border-radius:0!important;border:0!important;}
.ibn-full-viewer .royal-mushaf-viewer-frame{height:calc(100vh - 76px)!important;min-height:calc(100vh - 76px)!important;}
@media(max-width:980px){.quran-gateway-grid,.quran-book-grid,.quran-mushaf-grid{grid-template-columns:repeat(2,1fr)}.royal-mushaf-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:640px){.quran-gateway-grid,.quran-book-grid,.quran-mushaf-grid{grid-template-columns:1fr}.quran-mushaf-tile{grid-template-columns:82px 1fr}.quran-home-section{padding:16px}.quran-search-strip form{grid-template-columns:1fr}.ibn-bottom-nav{width:calc(100% - 16px)!important;height:68px!important}.ibn-bottom-nav span{font-size:11px!important}}