/* documents-en.css — يتولّد آليًّا من documents.css: مقلوب الاتجاه + خط Calibri.
   لا تعدّل هذا الملف يدويًّا؛ عدّل documents.css ثم أعد التوليد بـ:
   php tools/build-en-css.php */
/* ═══════════════════════════════════════════════════════
 *  documents.css — أُستخرِج آليًا من pages/documents.php
 *  المقطع 1 من 1 · سطور 73–73 في الأصل.
 *  ⚠️ الترتيب بين المقاطع مقصود: بينها كتل <style> مشروطة
 *     باقية في الصفحة، والتتالي يعتمد على تسلسلها.
 * ═══════════════════════════════════════════════════════ */
/* ===== صفحة المستندات — تصميم Apple-light (Segoe UI · أزرق #2563EB) ===== */
.docs-layout{--blue:#2563EB;--ink:#1f2937;--mut:#6b7480;--line:#e8ebf1;--soft:#f6f8fc;display:grid;grid-template-columns:260px 1fr;gap:28px;max-width:1180px;margin:0 auto;padding:40px 24px;align-items:start}

/* ---- رأس الصفحة: العنوان + الجملة الفرعية + كبسولة البحث (يمتد على العرض كامل) ---- */
.docs-head{grid-column:1 / -1;padding:0 2px 4px}
.docs-head h1{font-size:27px;font-weight:700;color:var(--ink);letter-spacing:-.02em;margin:0 0 8px}
.docs-head h1 small{font-size:15px;color:#86868b;font-weight:400}
.docs-head .dh-sub{font-size:14px;color:var(--mut);line-height:1.75;margin:0 0 18px;max-width:760px}
.docs-head .dh-sub i{color:#10B981;margin-right:6px;font-size:12.5px}
/* كبسولة البحث — مطابقة لكبسولة البحث في داشبورد المستخدم (.dash-search) */
.docs-search{flex:0 1 520px;max-width:520px;min-width:200px;display:flex;align-items:center;gap:9px;background:#F5F6F8;border:1px solid #e8eaef;border-radius:999px;padding:10px 16px;transition:border-color .15s,box-shadow .15s}
.docs-search:focus-within{border-color:#cfe0f7;box-shadow:0 0 0 3px rgba(37,99,235,.08)}
.docs-search input{border:none;background:none;outline:none;font-family:inherit;font-size:.86rem;color:#1d1d1f;width:100%}
.docs-search button{background:none;border:none;padding:0;margin:0;color:#64748B;font-size:.95rem;cursor:pointer;display:flex;align-items:center;transition:color .15s;flex-shrink:0}
.docs-search button:hover{color:var(--blue)}

/* ---- صفّ الأدوات: كبسولة البحث + كبسولات الترتيب والتصفية (تملأ الفراغ) ---- */
.docs-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
/* مجموعة الكبسولات: مضمومة على بعضها ومدفوعة لآخر الصفّ (الشمال) */
.docs-pills{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-inline-start:auto}
.pill{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #e8eaef;border-radius:999px;padding:8px 14px;font-size:.8rem;font-weight:600;color:#404044;text-decoration:none;white-space:nowrap;flex:0 0 auto;transition:.15s;cursor:pointer;line-height:1.5}
.pill:hover{border-color:#cfe0f7;color:var(--blue)}
.pill i{font-size:.78rem;color:#64748B;transition:color .15s}
.pill:hover i{color:var(--blue)}
.pill.on{background:#eaf2fe;border-color:#cfe0f7;color:var(--blue)}
.pill.on i{color:var(--blue)}
.pill.info{background:#F5F6F8;border-color:#e8eaef;color:#6e6e73;font-weight:500;cursor:default}
.pill.info:hover{border-color:#e8eaef;color:#6e6e73}
.pill.info b{color:var(--ink);font-weight:700}
/* قائمة الترتيب — منسدلة مخصّصة (بدل الـ select الافتراضي القبيح) تعمل بدون JS عبر <details> */
.dsort{position:relative;flex:0 0 auto}
.dsort>summary{list-style:none;cursor:pointer}
.dsort>summary::-webkit-details-marker{display:none}
.dsort>summary::marker{content:''}
.dsort[open]>summary{border-color:#cfe0f7;color:var(--blue);background:#eaf2fe}
.dsort[open]>summary i{color:var(--blue)}
.dsort .cv{font-size:.62rem;transition:transform .15s}
.dsort[open] .cv{transform:rotate(180deg)}
.dsort-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:20;background:#fff;border:1px solid #e8eaef;border-radius:16px;box-shadow:0 12px 34px rgba(13,27,62,.13);padding:6px;min-width:172px;animation:dsortIn .13s ease-out}
@keyframes dsortIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.dsort-menu .lb{font-size:.68rem;font-weight:700;color:#9aa1ad;padding:6px 12px 5px}
.dsort-opt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:11px;font-size:.81rem;font-weight:600;color:#404044;text-decoration:none;white-space:nowrap}
.dsort-opt:hover{background:#f5f6f8;color:var(--blue)}
.dsort-opt.sel{background:#eaf2fe;color:var(--blue)}
.dsort-opt i{font-size:.66rem;opacity:0}
.dsort-opt.sel i{opacity:1}

/* ---- السايدبار: كبسولة كبيرة، على نفس مستوى أول صفّ كروت ---- */
.docs-sidebar{background:#fff;border-radius:32px;border:1px solid var(--line);padding:24px 20px;height:fit-content;position:sticky;top:84px;box-shadow:0 6px 22px rgba(13,27,62,.05)}
.docs-sidebar h3{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #f0f0f3}
.cat-link{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;border-radius:999px;font-size:13.5px;color:#404044;text-decoration:none;transition:.15s;margin-bottom:4px;font-weight:500;gap:8px}
.cat-link:hover{background:var(--soft)}
.cat-link.active{background:#eaf2fe;color:var(--blue);font-weight:700}
.cat-count{font-size:11.5px;background:#f1f1f4;color:#86868b;padding:2px 9px;border-radius:12px;flex-shrink:0}
.cat-link.active .cat-count{background:#dbeafe;color:var(--blue)}

/* ---- شبكة الكروت: 4 في الصفّ بمقاس أصغر ---- */
.docs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.doc-card{background:#fff;border-radius:32px;border:1px solid var(--line);padding:16px 14px;text-align:center;transition:transform .2s,box-shadow .2s,border-color .2s;text-decoration:none;display:block}
.doc-card:hover{box-shadow:0 14px 34px rgba(13,27,62,.09);transform:translateY(-3px);border-color:#cfe0f7}
.dc-star{font-size:10px;color:#c98a00;font-weight:700;margin-bottom:5px;min-height:14px}
.dc-ic{width:40px;height:40px;border-radius:12px;background:#eaf2fe;color:var(--blue);display:inline-flex;align-items:center;justify-content:center;font-size:16px;vertical-align:middle;margin-right:7px}
.dc-cat{font-size:10.5px;font-weight:700;color:var(--blue);background:#eaf2fe;padding:3px 10px;border-radius:12px;display:inline-block;vertical-align:middle}
.dc-head{margin-bottom:10px;line-height:1.9}
.doc-card h3{font-size:13.5px;font-weight:600;color:var(--ink);margin:0 0 7px;line-height:1.5;min-height:40px;display:flex;align-items:center;justify-content:center}
.dc-meta{display:flex;justify-content:center;gap:10px;font-size:10.5px;color:#86868b;margin-bottom:9px;min-height:14px}
.dc-price{font-size:16.5px;font-weight:700;color:var(--ink);margin-bottom:11px;letter-spacing:-.01em}
.dc-price .price-local{font-size:11px;font-weight:600;color:#86868b}
.dc-btn{background:var(--blue);color:#fff;border-radius:980px;font-size:12px;font-weight:500;padding:8px;text-align:center;transition:.2s}
.doc-card:hover .dc-btn{background:#0064c8}

.pagination{display:flex;gap:7px;justify-content:center;margin-top:32px;flex-wrap:wrap}
.pagination a{min-width:38px;height:38px;display:flex;align-items:center;justify-content:center;padding:0 6px;border-radius:999px;border:1px solid var(--line);font-size:13.5px;color:#404044;text-decoration:none;transition:.2s;font-weight:600;background:#fff}
.pagination a:hover{border-color:var(--blue);color:var(--blue)}
.pagination a.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.docs-empty{text-align:center;padding:70px 24px;background:#fff;border-radius:32px;border:1px solid var(--line)}
.docs-empty .de-ic{width:64px;height:64px;border-radius:18px;background:var(--soft);color:#64748B;display:inline-flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:16px}
.docs-empty h3{color:var(--ink);margin:0 0 8px;font-weight:600;font-size:18px}
.docs-empty p{color:#86868b;margin:0}
.de-btn{display:inline-block;margin-top:18px;background:var(--blue);color:#fff;font-size:14px;font-weight:500;padding:11px 26px;border-radius:980px;text-decoration:none;transition:.2s}
.de-btn:hover{background:#0064c8;color:#fff}
@media(max-width:1120px){.docs-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){
  .docs-layout{grid-template-columns:1fr;padding:28px 16px;gap:18px}
  .docs-sidebar{position:static;padding:18px;border-radius:26px}
  .docs-sidebar h3{margin-bottom:10px;padding-bottom:10px}
  .cat-link{display:inline-flex;margin:0 0 6px 6px}
  .docs-head h1{font-size:22px}
  .docs-search{flex:1 1 100%;max-width:none}
  .docs-pills{margin-inline-start:0;width:100%}
  .pill,.dsort{flex:0 1 auto}
  .docs-grid{grid-template-columns:repeat(2,1fr);gap:12px}
}
@media(max-width:520px){.docs-grid{grid-template-columns:1fr}}

/* WTQ-IOS-ZOOM — الهاتف: خطّ خانة البحث 16px يمنع تكبير سفاري التلقائي
   عند التركيز (سلوك iOS لأي حقل خطّه أصغر من 16px، ولا يتراجع). */
@media(max-width:768px){
  .docs-search input,.docs-tools input,.docs-tools select{font-size:16px}
}