/* ECS — base
   الأساس: إعادة الضبط والطباعة والروابط وعناصر HTML.
   هذا الملف جزء من نظام الأنماط: الترتيب في src/modules/setup.php
   هو ترتيب التتالي، فلا يُعاد ترتيبه إلا بعلم. */
/* ============================================================
   01 — BASE
   ============================================================ */
body{
  background: var(--ecs-paper);
  color: var(--ecs-body);
  font-family: var(--ecs-sans);
  font-size: var(--fs-md);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

h1,h2,h3,h4,h5{
  font-family: var(--ecs-display);
  color: var(--ecs-ink);
  font-weight: 600;
  line-height: 1.02;
  letter-spacing: -.005em;
  margin: 0;
}
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5{
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: 0;
}

h1{ font-size: var(--ecs-h1); letter-spacing:-.02em }

/* العنوان الرئيسي في الهيرو: سطر واحد متى اتسع له عموده، وإلا سطران متوازنان.
   (كان nowrap على الديسكتوب يدفع العناوين الطويلة فوق عمود البطاقة في هيرو الخدمات) */
[dir="rtl"] .ecs-hero h1,
[dir="rtl"] h1.ecs-display{
  font-weight:900;
  line-height:1.2;
  letter-spacing:-.015em;
  max-width:none;
}
.ecs-hero h1{ color:#fff; text-wrap:balance }
h2{ font-size: var(--ecs-h2); letter-spacing:-.015em }
h3{ font-size: var(--ecs-h3) }
h4{ font-size: var(--ecs-h4) }

a{ color: inherit; text-decoration: none }
:focus-visible{ outline: 3px solid var(--ecs-hv); outline-offset: 2px }

/* الصور لا تكسر التخطيط أبدًا */
img,svg,video{ max-width:100%; height:auto }

/* حارس التمرير الأفقي — أكثر عطل متجاوب شيوعًا */
html,body{ overflow-x:clip }

/* أرقام بعرض ثابت — مهم للعدّادات والحاسبة */
.ecs-num{
  font-family: 'Barlow Condensed', sans-serif;
  font-variant-numeric: tabular-nums;
}