/* ===========================================================
   کتابخانه دیجیتال - استایل مشترک سایت
   فونت رابط کاربری: Vazirmatn (فارسی) / محتوای کتاب: راست‌به‌چپ عربی
   =========================================================== */

:root{
  --brand-900:#1e293b;
  --brand-800:#273449;
  --brand-700:#334155;
  --gold:#d4a017;
  --gold-light:#f0c95a;
  --paper:#fbf6ec;
  --paper-dark:#2b2620;
  --ink:#2b2620;
}

* { box-sizing: border-box; }

html,body{ scroll-behavior:smooth; }

body{
  font-family:'Vazirmatn', 'Tahoma', sans-serif;
}

/* ---------- Header / Footer shell (shared across all pages) ---------- */
.site-header{
  background:linear-gradient(135deg,var(--brand-900),var(--brand-700));
  border-bottom:3px solid var(--gold);
}
.site-footer{
  background:var(--brand-900);
  border-top:3px solid var(--gold);
}
.editable-zone{ position:relative; }
.edit-trigger{
  position:absolute;
  top:.25rem;
  left:.25rem;
  z-index:20;
  opacity:.55;
  transition:opacity .2s;
}
.edit-trigger:hover{ opacity:1; }

/* ---------- Book reader shell ---------- */
.book-page-font-ar{
  font-family:'Amiri','Noto Naskh Arabic','Traditional Arabic', 'Vazirmatn', serif;
  line-height:2.15;
  text-align:justify;
}

.reader-paper{
  background:var(--paper);
  color:var(--ink);
  box-shadow:0 10px 35px -10px rgba(0,0,0,.35);
  border:1px solid #e4d8b8;
  background-image: radial-gradient(circle at top left, rgba(212,160,23,0.04), transparent 60%);
}
.dark .reader-paper{
  background:var(--paper-dark);
  color:#f1e9d8;
  border-color:#463f30;
}

.reader-paper h2{
  font-size:1.7rem;
  font-weight:800;
  text-align:center;
  margin:1.25rem 0;
}
.reader-paper h3{
  font-size:1.15rem;
  font-weight:700;
  text-align:center;
  margin:.5rem 0;
  color:#5b4a1f;
}
.dark .reader-paper h3{ color:var(--gold-light); }
.reader-paper h4{ display:none; }
.reader-paper center{ display:block; }
.reader-paper br{ content:""; display:block; margin:.35rem 0; }

.page-number-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:2.75rem;
  height:2.75rem;
  border-radius:9999px;
  background:var(--gold);
  color:#2b2011;
  font-weight:800;
  font-family:'Vazirmatn',sans-serif;
  box-shadow:0 2px 8px rgba(212,160,23,.5);
}

.footnote-block{
  margin-top:1.75rem;
  padding-top:.85rem;
  border-top:1px dashed #b8a06a;
  font-size:.82rem;
  line-height:1.9;
  color:#5b4a1f;
}
.dark .footnote-block{
  color:#c9b98a;
  border-top-color:#5b4a1f;
}
.footnote-item{ display:flex; gap:.4rem; margin-bottom:.25rem; }
.footnote-item .fn-num{
  font-weight:800;
  color:var(--gold);
  flex:0 0 auto;
}

mark.search-hit{
  background:var(--gold-light);
  color:#2b2011;
  padding:0 .15rem;
  border-radius:.2rem;
}

.toc-chip{
  transition:all .15s;
}
.toc-chip.active{
  background:var(--gold) !important;
  color:#2b2011 !important;
  font-weight:800;
}

/* scrollbar for toc */
.toc-scroll::-webkit-scrollbar{ width:6px; }
.toc-scroll::-webkit-scrollbar-thumb{ background:#c8b98a; border-radius:3px; }

.fade-in{ animation:fadeIn .25s ease; }
@keyframes fadeIn{ from{opacity:0; transform:translateY(4px);} to{opacity:1; transform:translateY(0);} }

/* modal */
.modal-backdrop{
  position:fixed; inset:0; background:rgba(15,23,42,.65);
  display:flex; align-items:center; justify-content:center;
  z-index:100;
}