/* ============================================================
   تعديلات تقرير تطوير الموقع (أكتوبر 2026)
   ------------------------------------------------------------
   يُحمَّل بعد tokens.css في صفحات الموقع العامة.
   الكوفي (Reem Kufi) للعناوين الكبيرة فقط، وReadex Pro لما يُقرأ
   بسرعة: العناوين الفرعية والأرقام وأسماء البرامج. الألوان لا تتغير.
   ============================================================ */
:root{ --sub:'Readex Pro','Tajawal',sans-serif; }

/* محدّدات تبدأ بـ html body لتتقدّم على تنسيق كل صفحة المكتوب بعد هذا الملف */

/* الشعار المعتمد: صورة واحدة تحمل الأيقونة والاسم، فلا يُكتب الاسم بجانبها */
.brand-full{display:block;height:44px;width:auto;max-width:100%;object-fit:contain}
.fbrand .brand-full{height:52px}
.brand:has(.brand-full) .nm,
.fbrand:has(.brand-full) .nm{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:600px){ .brand-full{height:36px} }
@media (max-width:370px){ .brand-full{height:30px} }

/* أيقونة الهيرو الذهبية بدل الختم الدوّار */
.hero-side .seal-wrap .em{width:100%;height:100%;object-fit:contain}

/* العناوين الفرعية وأسماء البرامج والدورات */
html body h3, html body h4, html body .prog .txt h3{font-family:var(--sub);font-weight:600;letter-spacing:0}

/* الأرقام والإحصاءات وترقيم البرامج */
html body .hero-meta .m .n, html body .prog .no, html body .num, html body .price{font-family:var(--sub);font-weight:700;letter-spacing:0}

/* البريد والهاتف بخط الموقع لا بالخط البرمجي */
html body .mono{font-family:var(--sub)}

/* الكلمات الإنجليزية داخل النص العربي لا تنقلب على الجوال */
bdi, .ltr{unicode-bidi:isolate}

/* المحتوى يظهر حتى لو تعطّل السكربت؛ الحركة تعمل فقط بعد تحميله */
html:not(.js) .reveal{opacity:1 !important;transform:none !important}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1 !important;transform:none !important;transition:none !important}
}

/* صورة الشعار الخلفية في شريط الدعوة لا تخرج عن الشاشة في الوضع الإنجليزي */
.cta-band{overflow:hidden}

/* سطر الاعتمادات تحت أرقام الهيرو */
.hero-accr{margin-top:22px;font-family:var(--sub);font-size:.95rem;font-weight:500;color:var(--gold-light);line-height:1.7}
@media (prefers-reduced-motion:no-preference){.hero-accr{opacity:0;animation:rise .8s 1.3s var(--e-out,ease-out) forwards}}

/* الشعار لا ينكمش، والرأس صف واحد من عرض 1300 فأكثر */
.nav .brand{flex:none;min-width:auto}
.nav .brand-full{max-width:none}
header.nav .wrap{max-width:min(1520px,100%)}
@media (min-width:1300px){
  header.nav .wrap{flex-wrap:nowrap;height:78px;min-height:0;padding-block:0;gap:10px}
  header.nav .nav-gov{order:0;flex:none;flex-basis:auto;margin:0 4px;padding:0 10px;gap:10px;border-top:0;border-inline-start:1px solid var(--gov-line,rgba(0,0,0,.12))}
  header.nav .menu{margin-inline-start:auto;flex:0 1 auto;min-width:0}
}
@media (min-width:1300px) and (max-width:1519px){
  header.nav .nav-gov img{height:26px}
  header.nav .brand-full{height:38px}
  header.nav .menu nav{gap:12px}
  header.nav .menu nav a{font-size:.8rem;padding-inline:0}
  header.nav .actions{gap:8px}
  header.nav .actions .btn{padding:8px 14px;font-size:.8rem}
}