/* ============================================================
   ar.css — Arabic / RTL layer for Startup13
   Loaded ONLY on /ar/* pages, AFTER shared.css.
   Does not touch the English site.
   ============================================================ */

/* ---- Arabic type: Cairo everywhere, no letter-spacing ---- */
[dir="rtl"] body,
[dir="rtl"] body *:not(svg):not(path):not(circle):not(rect):not(line){
  font-family:'Cairo', system-ui, sans-serif !important;
  letter-spacing:normal !important;
}

/* readable line-heights (English design uses very tight ones) */
[dir="rtl"] body{line-height:1.7}
[dir="rtl"] .hero h1{line-height:1.2}
[dir="rtl"] .sec-title{line-height:1.18}
[dir="rtl"] .cta h2{line-height:1.14}
[dir="rtl"] .manifesto .q{line-height:1.5}
[dir="rtl"] .svc-card h3,
[dir="rtl"] .work-card h3,
[dir="rtl"] .bw h3{line-height:1.25}
[dir="rtl"] .proc-sticky .big{line-height:.9}

/* headings sit a touch heavier/optical in Cairo */
[dir="rtl"] .black,
[dir="rtl"] .hero h1,
[dir="rtl"] .sec-title,
[dir="rtl"] .cta h2,
[dir="rtl"] .manifesto .q{font-weight:900}

/* ---- signature highlight: animate from the right ---- */
[dir="rtl"] .hl::before{transform-origin:right}

/* ---- services index rows: mirror the slide + fill ---- */
[dir="rtl"] .idx-row:hover{padding-left:8px;padding-right:26px}
[dir="rtl"] .idx-row::before{left:auto;right:0;border-radius:12px 0 0 12px}
[dir="rtl"] .idx-row:hover .idx-t{transform:translateX(-4px)}
[dir="rtl"] .idx-row .idx-meta{text-align:left}

/* ---- scroll cue moves to the left edge ---- */
[dir="rtl"] .scroll-cue{right:auto;left:clamp(18px,4vw,56px)}

/* ---- language menu opens from the left in RTL ---- */
[dir="rtl"] .lang-menu{right:auto;left:0}

/* ---- expanding industry panels: keep collapsed label vertical,
        but let the expanded state read naturally ---- */
[dir="rtl"] .exp .p:hover h4{writing-mode:horizontal-tb;transform:none}

/* ---- tables / matrices keep their own alignment ---- */
[dir="rtl"] .mx .c,[dir="rtl"] .matrix-cell{text-align:right}

/* ---- small numerals & tags render fine in Cairo; keep tidy ---- */
[dir="rtl"] .hstat-num,
[dir="rtl"] .ncell-num,
[dir="rtl"] .fill-num,
[dir="rtl"] .ch-stat .n{font-weight:900}