/* =========================================
   همسات التعليم — Additional Theme CSS
   ========================================= */

/* ── تكامل الإضافة مع ألوان القالب ── */
:root {
  --sada-primary:       var(--c-gold-dark, #A0801A);
  --sada-primary-light: var(--c-bg2, #F5F0E8);
  --sada-font:          var(--font-ar);
}

/* الإضافة تستخدم ألوان القالب */
.sada-btn--primary {
  background: linear-gradient(135deg, var(--c-gold, #C9A227), var(--c-gold-dark, #A0801A)) !important;
  box-shadow: 0 4px 14px rgba(201,162,39,.38) !important;
}
.sada-sidebar-link.active,
.sada-tab.active {
  background: linear-gradient(135deg, var(--c-gold, #C9A227), var(--c-gold-dark, #A0801A)) !important;
}
.sada-stat-card--blue > i   { color: var(--c-gold-dark, #A0801A) !important; }
.sada-stat-card--purple > i { color: var(--c-accent, #8B7355) !important; }

/* شبكة الهمسات على الرئيسية */
.home-whispers-section { padding: 48px 0; }

/* Header: إخفاء النص على الشاشات الصغيرة */
@media (max-width: 480px) {
  .hd-label { display: none; }
}

/* Posts Pagination */
.posts-pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 32px;
}
.posts-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--r-sm, 8px);
  font-weight: 700;
  font-size: .9rem;
  border: 1.5px solid var(--c-border, #EAE0D0);
  color: var(--c-text2, #6B5A4E);
  background: white;
  text-decoration: none;
  transition: all .2s;
}
.posts-pagination .page-numbers.current,
.posts-pagination .page-numbers:hover {
  background: linear-gradient(135deg, var(--c-gold, #C9A227), var(--c-gold-dark, #A0801A));
  color: white;
  border-color: transparent;
}
.posts-pagination .prev.page-numbers,
.posts-pagination .next.page-numbers {
  width: auto;
  padding: 0 14px;
}

/* Post Navigation */
.post-navigation {
  max-width: 860px;
  margin: 0 auto 48px;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.post-navigation a {
  display: block;
  padding: 16px 20px;
  background: white;
  border-radius: var(--r-md, 14px);
  border: 1px solid var(--c-border, #EAE0D0);
  text-decoration: none;
  color: var(--c-text, #2D2520);
  font-weight: 700;
  font-size: .9rem;
  transition: all .2s;
}
.post-navigation a:hover {
  border-color: var(--c-gold-light, #E8D5A0);
  box-shadow: 0 4px 16px rgba(201,162,39,.1);
}

/* الشاشات الكبيرة جداً */
@media (min-width: 1400px) {
  .container { max-width: 1320px; }
  .whispers-grid { grid-template-columns: repeat(3, 1fr); }
}

/* المظهر الداكن (اختياري) */
@media (prefers-color-scheme: dark) {
  /* يمكن تفعيل المظهر الداكن لاحقاً */
}

/* حركة ظهور البطاقات */
.whisper-card {
  opacity: 0;
  animation: fadeUp .5s ease forwards;
}
.whisper-card:nth-child(1) { animation-delay: .05s; }
.whisper-card:nth-child(2) { animation-delay: .10s; }
.whisper-card:nth-child(3) { animation-delay: .15s; }
.whisper-card:nth-child(4) { animation-delay: .20s; }
.whisper-card:nth-child(5) { animation-delay: .25s; }
.whisper-card:nth-child(6) { animation-delay: .30s; }
.whisper-card:nth-child(n+7) { animation-delay: .35s; }

@keyframes fadeUp {
  from { opacity:0; transform:translateY(14px); }
  to   { opacity:1; transform:translateY(0); }
}

/* ── صفحة الدروس العامة ── */
.sdpl, .sdst-lesson-card { font-family: var(--font-ar) !important; }

/* ── تحسينات إمكانية الوصول ── */
:focus-visible {
  outline: 2px solid var(--c-gold);
  outline-offset: 2px;
  border-radius: 4px;
}

/* skip link */
.skip-link {
  position: absolute;
  top: -999px; left: -999px;
  background: var(--c-gold);
  color: white;
  padding: 8px 16px;
  font-weight: 700;
  border-radius: 0 0 8px 0;
  z-index: 9999;
}
.skip-link:focus { top: 0; left: 0; }