/* =========================================
   دار المحبرة — واجهة المتجر
   ========================================= */

/* ===== شريط الأدوات ===== */
.section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block-end: var(--space-4);
  flex-wrap: wrap;
  gap: var(--space-3);
}
.section-title {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--weight-bold);
  color: var(--color-ink);
}
.books-count {
  font-size: var(--text-sm);
  color: var(--color-ink-muted);
}

/* ===== شريط الخصم — في الزاوية اليمنى فقط ===== */
/* لا نستخدم discount-ribbon بعد الآن — الشارة badge--discount تكفي */

/* ===== حالة نفاد المخزون ===== */
.book-card--out-of-stock .book-card__cover::after {
  content: 'نفد المخزون';
  position: absolute;
  inset: 0;
  background-color: rgba(28,35,24,0.55);
  color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--text-xs);
  font-weight: var(--weight-semibold);
}
.book-card--out-of-stock { opacity: 0.72; }

/* ===== فرز ===== */
.sort-select-wrap {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.sort-label { font-size: var(--text-xs); color: var(--color-ink-muted); white-space: nowrap; }