/* ═══════════════════════════════════════════════════════
 *  developers-index.css — أُستخرِج آليًا من pages/developers/index.php
 *  المقطع 1 من 1 · سطور 35–35 في الأصل.
 *  ⚠️ الترتيب بين المقاطع مقصود: بينها كتل <style> مشروطة
 *     باقية في الصفحة، والتتالي يعتمد على تسلسلها.
 * ═══════════════════════════════════════════════════════ */
.dvHub{--pb:#2563EB;--pb2:#1e3fae;--nv:#0D1B3E;--ink:#1f2937;--mut:#6b7480;--faint:#6b7280;--line:#e8ebf1;--soft:#f6f8fc;--soft2:#eef4ff}
/* ⚠️ أُصلح 14 أغسطس 2026 — الاتجاه كان `direction:rtl` مثبَّتًا هنا.
   الصفحة تُحمّل هذا الملف **بلا نسخة -en** (بعكس main/home اللتين تُولَّد
   لهما نسخة مقلوبة)، فكان الإنجليزي في /en/developers يُرسَم يمينًا-لشمال:
   الأنماط تتغلّب على dir="ltr" الموضوع على وسم <html>.
   الحل: لا نفرض اتجاهًا هنا إطلاقًا — يُورَث من <html dir> فيصحّ في
   اللغتين بملف واحد. باقي الملف محايد الاتجاه أصلًا (يستعمل الخصائص
   المنطقية inset-inline-start و margin-inline-start)، وكتل الكود تفرض
   direction:ltr صراحةً وتبقى كما هي.
   ⚠️ لا تُعِد `direction:rtl` هنا — ده بالضبط اللي كان يكسر الإنجليزي. */
.dvHub{font-family:'Segoe UI','Segoe UI Arabic',Tahoma,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.9}
.dvHub .w{max-width:1180px;margin:0 auto;padding:0 24px}
/* الهيرو: بدون أي خلفية/تدرّج/ظل موروث — يبان ممتدًا لا كأنه بوكس */
.dvHub .hero{padding:46px 0 8px;text-align:center;background:none!important;background-image:none!important;
  box-shadow:none!important;border:0!important;border-radius:0!important}
.dvHub .hero::before,.dvHub .hero::after{content:none!important;display:none!important}
.dvHub .eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--soft2);color:var(--pb);font-weight:800;font-size:.78rem;padding:7px 15px;border-radius:999px;border:1px solid #dbe6ff;margin-bottom:14px}
.dvHub .eyebrow svg{width:15px;height:15px}
.dvHub h1{font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:900;color:var(--nv)!important;letter-spacing:-.02em;line-height:1.3;margin:0 0 12px}
.dvHub .lead{font-size:1.02rem;color:var(--mut)!important;line-height:1.95;max-width:660px;margin:0 auto 20px}
.dvHub .hacts{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:8px}
.dvHub .b1,.dvHub .b2{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:.9rem;padding:12px 22px;border-radius:12px;text-decoration:none;transition:.18s}
.dvHub .b1{background:var(--pb);color:#fff;box-shadow:0 8px 22px rgba(37,99,235,.25)}
.dvHub .b1:hover{transform:translateY(-1px);background:var(--pb2)}
.dvHub .b2{background:#fff;color:var(--nv);border:1px solid var(--line)}
.dvHub .b2:hover{border-color:#c9d6f2;background:var(--soft)}
.dvHub .b1 svg,.dvHub .b2 svg{width:15px;height:15px}
/* المربّعات */
.dvHub .grp{padding:26px 0 6px}
.dvHub .grp h2{font-size:1.15rem;font-weight:800;color:var(--nv)!important;margin:0 0 14px;display:flex;align-items:center;gap:10px}
.dvHub .grp h2::after{content:"";flex:1;height:1px;background:var(--line)}
.dvHub .boxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:16px}
.dvHub .box{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 18px;text-decoration:none;
  transition:.18s;box-shadow:0 4px 16px rgba(13,27,62,.04);position:relative}
.dvHub .box:hover{border-color:#c3d4f5;transform:translateY(-3px);box-shadow:0 12px 28px rgba(37,99,235,.12)}
.dvHub .box .ic{width:46px;height:46px;border-radius:13px;background:var(--soft2);color:var(--pb);display:flex;align-items:center;justify-content:center;margin-bottom:13px}
.dvHub .box .ic svg{width:23px;height:23px}
.dvHub .box h3{font-size:1rem;font-weight:800;color:var(--nv)!important;margin:0 0 5px;line-height:1.5}
.dvHub .box p{font-size:.86rem;color:var(--mut)!important;margin:0;line-height:1.75}
/* «افتح» في سطر مستقل أسفل المربّع — لا تتراكب مع الوصف */
.dvHub .box .go{margin-top:auto;padding-top:12px;color:var(--pb);font-weight:800;font-size:.8rem;opacity:0;transform:translateX(6px);transition:.18s}
.dvHub .box:hover .go{opacity:1;transform:none}
.dvHub .box .nb{position:absolute;top:14px;inset-inline-start:14px;background:#e6f7ee;color:#10B981;font-weight:800;font-size:.64rem;padding:3px 9px;border-radius:999px}
/* شرح الـAPI */
.dvHub .expl{margin:44px 0 60px;border-top:1px solid var(--line);padding-top:34px}
.dvHub .expl h2{font-size:clamp(1.35rem,2.4vw,1.8rem);font-weight:900;color:var(--nv)!important;margin:0 0 10px}
.dvHub .expl .sub{color:var(--mut)!important;max-width:680px;margin:0 0 24px}
.dvHub .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:28px}
.dvHub .step{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.dvHub .step .n{width:26px;height:26px;border-radius:8px;background:var(--pb);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;margin-bottom:10px}
.dvHub .step h4{font-size:.95rem;font-weight:800;color:var(--nv)!important;margin:0 0 4px}
.dvHub .step p{font-size:.85rem;color:var(--mut)!important;margin:0;line-height:1.75}
.dvHub .split{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
@media(max-width:860px){.dvHub .split{grid-template-columns:1fr}}
.dvHub .code{border:1px solid #e4e9f2;border-radius:14px;overflow:hidden;background:#fbfcfe;box-shadow:0 6px 20px rgba(13,27,62,.05)}
.dvHub .code-bar{display:flex;align-items:center;gap:9px;padding:9px 14px;background:#f1f5fc;border-bottom:1px solid #e4e9f2}
.dvHub .code-bar .fn{font:600 .76rem 'SFMono-Regular',Consolas,monospace;color:var(--mut);direction:ltr}
.dvHub .code-bar .cp{margin-inline-start:auto;cursor:pointer;border:1px solid #d7e0f0;background:#fff;color:var(--pb);font-weight:700;font-size:.72rem;padding:5px 11px;border-radius:8px;font-family:inherit}
.dvHub .code-bar .cp:hover{background:var(--soft2)}
.dvHub pre{margin:0;padding:16px 18px;overflow:auto;direction:ltr;text-align:left}
.dvHub pre code{font-family:'SFMono-Regular',Consolas,monospace;font-size:.82rem;line-height:1.85;color:#334155;white-space:pre;display:block;background:none}
.dvHub .tk-k{color:#7c3aed}.dvHub .tk-s{color:#0f766e}.dvHub .tk-n{color:#b45309}.dvHub .tk-c{color:#64748B;font-style:italic}
.dvHub .flist{list-style:none;padding:0;margin:0}
.dvHub .flist li{display:flex;gap:11px;align-items:flex-start;padding:11px 0;border-bottom:1px dashed var(--line);font-size:.93rem;color:var(--mut)!important}
.dvHub .flist li:last-child{border-bottom:0}
.dvHub .flist li b{color:var(--nv)!important;font-weight:800}
.dvHub .flist svg{width:19px;height:19px;color:var(--pb);flex:0 0 auto;margin-top:3px}
.dvHub .pricebar{margin-top:24px;background:var(--soft2);border:1px solid #dbe6ff;border-radius:16px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.dvHub .pricebar div{min-width:0}
.dvHub .pricebar h4{font-size:1.02rem;font-weight:800;color:var(--nv)!important;margin:0 0 4px}
.dvHub .pricebar p{font-size:.88rem;color:var(--mut)!important;margin:0}
