/* ============================================================
   ONDAS INC — Arabic / RTL layer
   Loaded after style.css on every page under /ar/.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');

/* ---- Typography: Latin stays Inter/Sora, Arabic falls through to Noto Sans Arabic ---- */
html[lang="ar"]{ font-size:105%; }
html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] textarea{ font-family:'Inter','Noto Sans Arabic',sans-serif; }
html[lang="ar"] body{ line-height:1.85; }
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] /* --------------------------------------------------------- BUTTONS --------------------------------------------------------- */ .btn,
html[lang="ar"] .nav-phone,
html[lang="ar"] .stats-row .stat b,
html[lang="ar"] .eyebrow,
html[lang="ar"] .process-num,
html[lang="ar"] .faq-q,
html[lang="ar"] .team-photo,
html[lang="ar"] .manifesto blockquote,
html[lang="ar"] .memorial-card .m-name,
html[lang="ar"] .name-pill .name,
html[lang="ar"] .tab-btn,
html[lang="ar"] .hero-stats-row .hstat .num,
html[lang="ar"] .plain-box .plain-num,
html[lang="ar"] .metric-card .num,
html[lang="ar"] .callout-pill strong,
html[lang="ar"] .sig-banner .p-value,
html[lang="ar"] .program-stats .pstat b,
html[lang="ar"] .module-num,
html[lang="ar"] .expand-btn,
html[lang="ar"] .ondas-table th,
html[lang="ar"] .poster-filter-btn,
html[lang="ar"] .footer-col h5{
  font-family:'Sora','Noto Sans Arabic',sans-serif;
}
/* Arabic letters must stay connected: no tracking, no forced caps */
html[lang="ar"] *{ letter-spacing:0 !important; text-transform:none !important; }
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3,
html[lang="ar"] h4, html[lang="ar"] h5{ line-height:1.4; }
html[dir="rtl"] .hero h1{ max-width:none; }

/* ---- Directional properties from style.css, mirrored ---- */
html[dir="rtl"] .hero{
  background:
    radial-gradient(ellipse 900px 500px at 18% -10%, rgba(28,143,191,.16), transparent 60%),
    var(--bg);
}
html[dir="rtl"] .stats-row .stat{ border-right:none; border-left:1px solid rgba(255,255,255,.14); }
html[dir="rtl"] .stats-row .stat:last-child{ border-left:none; }
html[dir="rtl"] .faq-q,
html[dir="rtl"] .team-card,
html[dir="rtl"] .donut-card h4,
html[dir="rtl"] .donut-card .note,
html[dir="rtl"] .ondas-table th{ text-align:start; }

/* arrows point the other way */
html[dir="rtl"] svg.a{ transform:scaleX(-1); }
html[dir="rtl"] .btn:hover .btn-arrow{ transform:translate(-3px,-3px); }
html[dir="rtl"] .mini-card:hover .mini-link .a{ transform:scaleX(-1) translateX(4px); }

/* list bullets and accent borders */
html[dir="rtl"] .memorial-card{ border-left:none; border-right:4px solid var(--health); }
html[dir="rtl"] .comp-group li,
html[dir="rtl"] .honesty-card li,
html[dir="rtl"] .module-outcomes li{ padding-left:0; padding-right:1.1rem; }
html[dir="rtl"] .honesty-card li{ padding-right:1.3rem; }
html[dir="rtl"] .comp-group li::before,
html[dir="rtl"] .honesty-card li::before,
html[dir="rtl"] .module-outcomes li::before{ left:auto; right:0; }
html[dir="rtl"] .img-lightbox .lb-close{ right:auto; left:1.25rem; }

@media (max-width:900px){
  html[dir="rtl"] .stats-row .stat{ border-left:none; border-bottom:1px solid rgba(255,255,255,.14); }
  html[dir="rtl"] .stats-row .stat:last-child{ border-bottom:none; }
}
@media (max-width:960px){
  html[dir="rtl"] nav.nav-links{ transform:translateX(-100%); }
  html[dir="rtl"] nav.nav-links.open{ transform:translateX(0); }
}
@media (max-width:760px){
  html[dir="rtl"] .program-card{ text-align:start; }
}

/* charts keep the left-to-right geometry (time runs left to right); Arabic labels still shape correctly */
html[dir="rtl"] .chart-wrap{ direction:ltr; }