/* دايركت — صفحات قانونية (سياسة الخصوصية، الشروط). نفس رموز main.css: مداد
   وكربون وعنبر. قائمة أقسام مرقّمة مستقلة بذاتها — لا تُشارك أي كلاس مع
   .values (قائمة "القيم" في صفحة "عن دايركت")، لأن .values li بلا > تطبّق
   display:grid على كل <li> من ذُريّتها، بما فيها أي قائمة فرعية هنا لو
   شاركنا الكلاس — فتتحول كل فقرة إلى عمود 44px وتتكسّر كلمة كلمة. */

.legal__updated{margin-top:6px}

.legal__sections{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid var(--border)}
.legal__sections > li{display:grid;grid-template-columns:44px 1fr;gap:6px 14px;padding:22px 0;border-bottom:1px solid var(--border);align-items:start}
.legal__sections > li > b{font-family:var(--f-mono);font-size:12px;letter-spacing:.16em;color:var(--amber);direction:ltr;padding-top:3px}
.legal__sections > li > div{min-width:0}
.legal__sections h3{font-size:17px}
.legal__sections > li > p{grid-column:2;margin-top:10px;color:var(--tx-2);font-size:14.5px;line-height:1.85}

.legal__lede{color:var(--tx-2);font-size:14.5px;line-height:1.85;margin-top:4px}

/* القوائم الفرعية داخل كل قسم — عناصر block عادية، لا علاقة لها بأي Grid. */
.legal ul.terms{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.legal ul.terms li{display:block;position:relative;padding-inline-start:18px;font-size:14.5px;line-height:1.8;color:var(--tx-2)}
.legal ul.terms li::before{content:"–";position:absolute;inset-inline-start:0;color:var(--amber)}
.legal ul.terms b{color:var(--tx-1);font-weight:600}
.legal p + ul.terms{margin-top:14px}
.legal ul.terms + p{margin-top:14px}

.legal__table-wrap{margin-top:14px;overflow-x:auto;border:1px solid var(--border)}
.legal table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:480px}
.legal table th{text-align:start;padding:11px 14px;background:var(--panel);color:var(--tx-1);font-family:var(--f-display);font-weight:700;font-size:13px;border-bottom:1px solid var(--border);white-space:nowrap}
.legal table td{padding:11px 14px;border-bottom:1px solid var(--border);color:var(--tx-2);vertical-align:top}
.legal table tr:last-child td{border-bottom:0}

.legal__contact{
  margin-top:clamp(30px,4vw,46px);padding:clamp(18px,3vw,26px);
  border:1px solid rgba(158,201,232,.3);background:var(--panel-2);position:relative;
}
.legal__contact::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--signal)}
.legal__contact h3{font-size:16px;margin-bottom:8px}
.legal__contact p{font-size:14.5px;color:var(--tx-2)}
.legal__contact a{color:var(--amber);font-weight:600}
.legal__contact a[href^="tel:"]{direction:ltr;unicode-bidi:isolate}

@media (max-width:620px){
  .legal__sections > li{grid-template-columns:30px 1fr;gap:4px 10px}
  .legal ul.terms li{font-size:14px}

  /* جدول عمودين عريض لا يُقرأ بتمرير أفقي على جوال — يتحول لبطاقات
     مكدّسة: الغرض ثم أساسه النظامي تحته، بلا تمرير. */
  .legal__table-wrap{border:0;overflow:visible}
  .legal table{min-width:0}
  .legal table thead{display:none}
  .legal table, .legal table tbody, .legal table tr, .legal table td{display:block;width:100%}
  .legal table tr{border:1px solid var(--border);margin-bottom:10px}
  .legal table tr:last-child{margin-bottom:0}
  .legal table td{border:0;padding:10px 14px}
  .legal table td:first-child::before{content:"الغرض";display:block;font-size:11px;color:var(--tx-3);margin-bottom:3px}
  .legal table td:last-child{padding-top:0;border-top:1px dashed var(--border);margin-top:4px}
  .legal table td:last-child::before{content:"الأساس النظامي";display:block;font-size:11px;color:var(--tx-3);margin:10px 0 3px}
}