/* ============================================================
   سند — تنسيقات الواجهة الأمامية
   القاعدة الصارمة: لا قيم ثابتة هنا — كل شيء عبر var()
   تُطبع المتغيرات من لوحة «الهوية والتخصيص» في wp_head.
   ============================================================ */

.sanad-wrap{
  font-family:var(--font-main);
  color:var(--text);
  line-height:1.9;
  max-width:var(--container-w);
  margin-inline:auto;
}

/* ---------- شبكة الكتب ---------- */
.sanad-books-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
  gap:var(--space-lg);
}
.sanad-book-card{
  background:var(--surface);
  border:1px solid var(--brand-line);
  border-radius:var(--radius-lg);
  overflow:hidden;
  transition:transform .25s,border-color .25s,box-shadow .25s;
}
.sanad-book-card:hover{
  transform:translateY(-6px);
  border-color:var(--brand);
  box-shadow:var(--shadow-md);
}
.sanad-book-card a{color:inherit;text-decoration:none}

/* ---------- الغلاف ---------- */
.sanad-cover{
  position:relative;
  aspect-ratio:3/4.2;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:var(--space-md);
  overflow:hidden;
}
.sanad-cover-img{width:100%;height:100%;object-fit:cover;display:block}
.sanad-cover-orn{
  position:absolute;top:var(--space-sm);inset-inline:0;
  text-align:center;color:var(--white);opacity:.75;
  font-size:var(--fs-sm);letter-spacing:6px;
}
.sanad-cover-band{
  position:absolute;top:var(--space-sm);inset-inline-start:var(--space-sm);
  background:var(--brand);color:var(--brand-ink);
  font-size:var(--fs-xs);font-weight:700;
  padding:2px var(--space-sm);border-radius:var(--radius-sm);
}
.sanad-cover-title{color:var(--white);font-weight:800;font-size:var(--fs-md);line-height:1.7}
.sanad-cover-author{color:var(--white);opacity:.82;font-size:var(--fs-sm)}

/* ---------- جسم البطاقة ---------- */
.sanad-book-body{padding:var(--space-md)}
.sanad-book-body h3{margin:0 0 4px;font-size:var(--fs-md)}
.sanad-author{color:var(--muted);font-size:var(--fs-sm);margin-bottom:var(--space-sm)}
.sanad-badges{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-bottom:var(--space-sm)}
.sanad-badge{
  font-size:var(--fs-xs);font-weight:700;
  background:var(--brand-soft);color:var(--brand-text);
  border:1px solid var(--brand-line);
  padding:2px var(--space-sm);border-radius:var(--radius-full);
}
.sanad-badge.audio{background:var(--brand);color:var(--brand-ink);border-color:transparent}
.sanad-book-meta{display:flex;align-items:center;gap:var(--space-sm)}
.sanad-rating{color:var(--gold);font-weight:700}
.sanad-empty{
  background:var(--surface);border:1px dashed var(--brand-line);
  border-radius:var(--radius-lg);padding:var(--space-xl);
  text-align:center;color:var(--muted);
}

/* ---------- تفاصيل الكتاب ---------- */
.sanad-book-detail{
  display:grid;grid-template-columns:280px 1fr;
  gap:var(--space-xl);align-items:start;
  background:var(--surface);border:1px solid var(--brand-line);
  border-radius:var(--radius-xl);padding:var(--space-xl);
  margin-bottom:var(--space-xl);
}
.sanad-book-detail h2{margin:0 0 var(--space-sm);font-size:var(--fs-h2);color:var(--brand-text)}
.sanad-stars{color:var(--gold);letter-spacing:2px;margin:var(--space-sm) 0}
.sanad-stars span{color:var(--muted);font-size:var(--fs-sm);letter-spacing:0}

/* ---------- الاقتباسات ---------- */
.sanad-quotes h3{color:var(--brand-text);margin-bottom:var(--space-md)}
.sanad-quote-card{
  position:relative;background:var(--surface);
  border:1px solid var(--brand-line);border-radius:var(--radius-lg);
  padding:var(--space-lg);margin-bottom:var(--space-md);
}
.sanad-quote-card::before{
  content:"❝";position:absolute;top:6px;inset-inline-end:16px;
  font-size:2.2rem;color:var(--brand);opacity:.5;
}
.sanad-quote-card p{margin:0 0 var(--space-md);color:var(--text-soft)}

/* ---------- الأزرار ---------- */
.sanad-btn{
  display:inline-block;border:none;cursor:pointer;
  font-family:var(--font-main);font-weight:700;font-size:var(--fs-sm);
  padding:10px 22px;border-radius:var(--radius-md);
  text-decoration:none;transition:transform .2s,box-shadow .2s;
}
.sanad-btn-brand,.sanad-btn:not(.sanad-btn-outline){
  background:var(--btn-brand);color:var(--brand-ink);box-shadow:var(--shadow-brand);
}
.sanad-btn:not(.sanad-btn-outline):hover{transform:translateY(-2px);box-shadow:var(--shadow-brand-lg)}
.sanad-btn-outline{
  background:transparent;color:var(--brand-text);
  border:1px solid var(--brand-line);
}
.sanad-btn-outline:hover{border-color:var(--brand)}

/* ---------- بانر التطبيق ---------- */
.sanad-app-banner{
  background:var(--cta-bg);border:1px solid var(--brand-line);
  border-radius:var(--radius-2xl);padding:var(--space-2xl);
  display:grid;grid-template-columns:1fr auto;gap:var(--space-xl);align-items:center;
  box-shadow:var(--shadow-brand-soft);margin:var(--space-xl) 0;
}
.sanad-kicker{
  display:inline-block;color:var(--brand-text);font-weight:700;font-size:var(--fs-sm);
  background:var(--brand-soft);border:1px solid var(--brand-line);
  padding:4px var(--space-md);border-radius:var(--radius-full);margin-bottom:var(--space-sm);
}
.sanad-app-banner h2{margin:0 0 var(--space-sm);font-size:var(--fs-h2);color:var(--brand-text)}
.sanad-app-banner p{color:var(--muted);margin:0 0 var(--space-lg)}
.sanad-store-row{display:flex;gap:var(--space-md);flex-wrap:wrap}
.sanad-store-btn{
  display:flex;align-items:center;gap:var(--space-md);
  background:var(--bg-3);border:1px solid var(--brand-line);
  border-radius:var(--radius-md);padding:10px 18px;color:var(--text);text-decoration:none;
  transition:transform .2s,border-color .2s;
}
.sanad-store-btn:hover{border-color:var(--brand);transform:translateY(-2px)}
.sanad-store-t small{display:block;color:var(--muted);font-size:var(--fs-xs)}
.sanad-store-t b{font-size:var(--fs-md)}
.sanad-store-ic{font-size:1.9rem}

/* ---------- رقائق المزاج ---------- */
.sanad-mood-chips{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin:var(--space-lg) 0}
.sanad-chip{
  background:var(--surface);border:1px solid var(--brand-line);color:var(--text);
  padding:8px 20px;border-radius:var(--radius-full);text-decoration:none;
  font-size:var(--fs-sm);font-weight:600;transition:all .2s;
}
.sanad-chip:hover{background:var(--brand);color:var(--brand-ink);border-color:transparent}

/* ---------- التنبيه ---------- */
.sanad-toast{
  position:fixed;bottom:var(--space-lg);right:50%;transform:translateX(50%) translateY(20px);
  background:var(--brand);color:var(--brand-ink);
  padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);z-index:var(--z-toast);
  opacity:0;pointer-events:none;transition:all .3s;font-weight:600;
  box-shadow:var(--shadow-brand);
}
.sanad-toast.show{opacity:1;transform:translateX(50%) translateY(0)}

/* ---------- الجوال ---------- */
@media(max-width:720px){
  .sanad-book-detail{grid-template-columns:1fr}
  .sanad-detail-cover{max-width:240px}
  .sanad-app-banner{grid-template-columns:1fr;text-align:center}
  .sanad-store-row{justify-content:center}
}