/* Doafeer Content Manager UI */
.doaf-downloads{display:flex;gap:10px;margin:12px 0}
.doaf-btn{display:inline-block;padding:10px 14px;border-radius:10px;font-weight:700;text-decoration:none;border:1px solid #1e374e}
.doaf-btn:hover{text-decoration:underline}
.doaf-btn.outline{background:#fff}

.doaf-viewer{margin:12px 0}
.doaf-viewer iframe{width:100%;height:88vh;min-height:560px;border:none}

.doaf-toc{background:#fff;border:1px solid rgba(30,55,78,.1);border-radius:12px;padding:12px;margin:14px 0}
.doaf-toc__title{font-weight:800;margin:0 0 8px}
.doaf-toc__list{list-style:none;margin:0;padding:0}
.doaf-toc__list li{margin:6px 0}
.doaf-toc__list a{text-decoration:none}
.doaf-toc__list a:hover{text-decoration:underline}

.doaf-videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin:12px 0}
.doaf-video iframe{width:100%;aspect-ratio:16/9;border:none;border-radius:12px}
/* =========================
   Doaf TOC – Enhanced UI
   ========================= */

/* متغيرات ألوان احتياطية (تحترم theme.json إن وُجد) */
:root{
  --doaf-primary-color: var(--wp--preset--color--doaf-primary, #1e374e);
  --doaf-secondary-color: var(--wp--preset--color--doaf-secondary, #68a00b);
  --doaf-card: #ffffff;
  --doaf-ink: #0f172a;
  --doaf-border: #e2e8f0;
  --doaf-ring: rgba(2,8,23,.08);
}

/* عنوان الفهرس داخل بوكس أنيق */
.doaf-toc-title{
  background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(245,247,251,.92));
  border: 1px solid var(--doaf-border);
  color: var(--doaf-ink);
  border-radius: 14px;
  padding: .85rem 1rem;
  font-weight: 800;
  margin: 0 0 .75rem 0;
  box-shadow: 0 6px 16px var(--doaf-ring);
}

/* شبكة مرنة: 1 عمود على الجوال، 2 على الديسكتوب */
.doaf-toc-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: .55rem;
}
@media (min-width: 768px){
  .doaf-toc-grid{ grid-template-columns: 1fr 1fr; }
}

/* زر الفهرس */
.doaf-toc-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  text-decoration: none;
  background: var(--doaf-card);
  border: 1px solid var(--doaf-border);
  border-radius: 12px;
  padding: .7rem .9rem;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease;
  box-shadow: 0 4px 12px var(--doaf-ring);
  color: var(--doaf-ink);
}
.doaf-toc-item:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 22px var(--doaf-ring);
  background: #fcfcfd;
}
.doaf-toc-item:focus{
  outline: 2px solid var(--doaf-secondary-color);
  outline-offset: 2px;
}

/* نص العنوان والصفحة داخل الزر */
.doaf-toc-label{ font-weight: 700; }
.doaf-toc-page{ opacity: .85; font-size: .9em; }

/* (اختياري) إن وُجدت القائمة القديمة داخل نفس الحاوية، أخفِها لصالح الشبكة الجديدة */
.doaf-toc .doaf-toc__list{ display: none; }

/* Center the text within TOC buttons */
.doaf-toc-item{ text-align:center; justify-content:center; }
.doaf-toc-item .doaf-toc-page{ margin-inline-start:.5rem; }


/* Center & bold TOC title (new + legacy) */
.doaf-toc-title,
.doaf-toc__title{
  text-align: center;
  font-weight: 800;  /* تأكيد السماكة حتى لو تغيّر ستايل خارجي */
}

/* Highlighted TOC Title */
.doaf-toc > .doaf-toc-title,
.doaf-toc > .doaf-toc__title{
  background: #f0f7e4; /* المطلوب */
  border: 2px solid var(--wp--preset--color--primary, var(--doaf-primary-color, #1e374e)); /* غامق متناسق */
  color: var(--doaf-ink, #0f172a);
  border-radius: 14px;
  padding: .9rem 1rem;
  text-align: center;   /* توسيط */
  font-weight: 999;     /* سميك */
  box-shadow: 0 6px 16px var(--doaf-ring, rgba(2,8,23,.08));
  margin: 0 0 .75rem 0; /* مسافة تحت العنوان */
}