/* ECS — responsive
   الاستجابة واللمس: نقاط التوقّف وأحجام النقر والنماذج على الجوال.
   هذا الملف جزء من نظام الأنماط: الترتيب في src/modules/setup.php
   هو ترتيب التتالي، فلا يُعاد ترتيبه إلا بعلم. */
/* ============================================================
   13 — RESPONSIVE
   نقاط التوقف مطابقة لنقاط إليمنتور بالضبط، حتى لا يختلف
   ما تراه في المحرّر عمّا يراه الزائر.
   Tablet ≤1024  ·  Mobile ≤767
   ============================================================ */

/* ---- لوحي: 768 – 1024 ---- */
@media (max-width: 1024px){
  .ecs-stats{ grid-template-columns:repeat(2,1fr) }
  .ecs-stats > *{ border-inline-start:0; padding-inline-start:0;
    border-top:1px solid var(--ecs-line-d); padding-block:22px }
  .ecs-cards{ grid-template-columns:1fr }
  .ecs-fork{ grid-template-columns:1fr }
  .ecs-steps{ grid-template-columns:1fr }
  .ecs-step{ border-inline-start:0; border-top:1px solid var(--ecs-line) }
  .ecs-step:first-child{ border-top:0 }
}

/* ---- موبايل: ≤767 ---- */
@media (max-width: 767px){

  /* بطاقة الوظيفة: من صف أفقي إلى بطاقة مكدّسة */
  .ecs-jobrow{ flex-direction:column; align-items:stretch; gap:12px }
  .ecs-jobrow .ecs-btn{ width:100% }

  /* الأزرار بعرض كامل — الإبهام لا يصطاد أزرارًا صغيرة */
  .ecs-btn{ width:100%; padding-block:15px }

  .ecs-punch{ padding:22px 20px }
}

/* ---- الشريط السفلي الثابت ---- */
.ecs-mobilebar{ display:none }
@media (max-width: 767px){
  .ecs-mobilebar{
    position:fixed; inset-inline:0; bottom:0; z-index:90;
    display:grid; grid-template-columns:1fr 1fr; gap:9px;
    background: var(--ecs-ink); padding:9px;
    padding-bottom: calc(9px + env(safe-area-inset-bottom)); /* آيفون بإيماءة سفلية */
    box-shadow:0 -10px 28px rgba(5,13,24,.32);
  }
  body.has-ecs-mobilebar{ padding-bottom:86px }
}

/* ============================================================
   14 — TOUCH & FORMS
   ============================================================ */

/* مساحة لمس لا تقل عن 44px لأي عنصر تفاعلي */
.ecs-btn,
button, [type="button"], [type="submit"],
.ecs-chip, .ecs-jobrow a{ min-height:44px }

input, select, textarea{
  font-family: var(--ecs-sans);
  border:1px solid var(--ecs-line);
  padding:13px 14px;
  max-width:100%;
}

/* 16px إلزاميًا على الموبايل:
   أي قيمة أقل تدفع iOS Safari للتقريب التلقائي عند النقر على الحقل،
   فيتحرّك التخطيط في منتصف التقديم على وظيفة. */
@media (max-width: 767px){
  input, select, textarea{ font-size: var(--fs-md); padding:15px 14px }
  input[type="range"]{ height:32px }   /* مساحة إصبع لا مساحة مؤشر */
}