/* ═══════════════════════════════════════════════════════════════════
   SEC SITE FIXES — إصلاحات تخطيط دائمة (مُدارة يدوياً)
   ─ هذا الملف ليس مولّداً آلياً: على عكس sec-builder.css الذي
     تعيد لوحة التحكم توليده وتمسح أي تحرير يدوي، تُحفظ القواعد
     الحرجة هنا لتبقى بعد كل إعادة توليد.
   ═══════════════════════════════════════════════════════════════════ */

/* ── 1) صنف مفقود من CSS المصدَّر: خط التسطير المتدرج تحت السطر
      الثاني من عنوان الهيرو كان بعرض 0 (غير مرئي) — مُرحّل من
      sec-builder.css لحمايته من إعادة التوليد ── */
.inset-inline-0{ left:0; right:0; }

/* ═══ EN LAYOUT PARITY — 2026-09-03 ═══
   الأصل: النسخة الإنجليزية تبدو أقل جمالاً وترتيباً من العربية لأن
   النص اللاتيني أطول ~35% من العربية عند نفس حجم الخط، فتلتف
   العناوين لأسطر نصف فارغة وسلالم هابطة وكلمات يتيمة.

   2) عناوين العرض EN: قاعدة h*.font-display{letter-spacing:0}
      الأصلية تعطّل tracking-tight (مناسب للعربية — لا يُشدّ تباعد
      حروفها؛ لكن اللاتينية أجمل بتباعد مضغوط). النتائج المقاسة:
      about: 4 أسطر هابطة [484→355] تصير 3 متوازنة [461,574,542]
      partner: 3 أسطر بأول نصف فارغ [322,457,480] تصير 2 [644,562] */
html[lang="en"] h1.font-display,
html[lang="en"] h2.font-display,
html[lang="en"] h3.font-display{ letter-spacing:-0.025em; }

/* 3) هيرو الصفحة الرئيسية EN فقط (h1.lg:text-6xl فريد فيها):
      العنوان 6 أسطر متهالكة (468px) مقابل 4 عربية (316px) —
      تصغير محسوب 0.84× يعيده 4 أسطر متوازنة (302px ≈ العربي)
      فتتوسط اللوحة الرسومية عمودها كنظيرتها العربية تماماً. */
html[lang="en"] h1.lg\:text-6xl{ line-height:1.25; }
@media (min-width:1024px){ html[lang="en"] h1.lg\:text-6xl{ font-size:58px; } }
@media (min-width:640px) and (max-width:1023.98px){ html[lang="en"] h1.lg\:text-6xl{ font-size:46px; } }
@media (max-width:639.98px){ html[lang="en"] h1.lg\:text-6xl{ font-size:35px; } }

/* 4) فقرات EN: pretty يمنع الكلمات اليتيمة في الأسطر الأخيرة
      (قيس: يتيمة 60px صارت 111px بعد إعادة التوزيع) */
html[lang="en"] p{ text-wrap:pretty; }

/* ═══ FAQ ACCORDION v3 — نظام بطاقات موحد (2026-09-05) ═══
   جذر الخلل المُقاس بالـ DOM: 7 أقسام من 9 كانت خارج حاوية
   max-w-3xl (بطاقات 1440px بجانب 704px) + حشوة مزدوجة. أُعيد
   البناء ببنية واحدة؛ هذه القواعد تضمن سلوكاً موحداً للبطاقات:
   سهم يدور 180°، حد مضيء عند الفتح، وكشف ناعم للجواب. */
.faq-acc summary{list-style:none}
.faq-acc summary::-webkit-details-marker{display:none}
.faq-acc .faq-chev{transition:transform .3s cubic-bezier(.22,1,.36,1)}
.faq-acc[open] .faq-chev{transform:rotate(180deg)}
.faq-acc[open]{border-color:rgba(0,123,143,.35);
  box-shadow:0 10px 34px -14px rgba(0,123,143,.30)}
.faq-acc[open] .faq-num{background:linear-gradient(100deg,#4fc3d1,#6ee7b7);color:#fff}
.faq-acc .faq-ans{animation:faqAnsReveal .34s cubic-bezier(.22,1,.36,1)}
@keyframes faqAnsReveal{from{opacity:0;transform:translateY(-6px)}
  to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){
  .faq-acc .faq-ans{animation:none}
  .faq-acc .faq-chev{transition:none}}