/* Palenro — Arabic / RTL overrides (loaded only on the Arabic version) */

html[dir="rtl"] body{font-family:'Tajawal',system-ui,sans-serif}
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] .logo-f,
html[dir="rtl"] .stat .num,
html[dir="rtl"] .sectors .row span{font-family:'Tajawal',system-ui,sans-serif;font-style:normal;font-weight:700}

/* Arabic headings need more line spacing and looser tracking than the Latin display face */
html[dir="rtl"] .hero h1{line-height:1.35;letter-spacing:0;font-weight:700}
html[dir="rtl"] .welcome h2,
html[dir="rtl"] .sec-head h2,
html[dir="rtl"] .contact-intro h2,
html[dir="rtl"] .cta-band h2{line-height:1.4;letter-spacing:0;font-weight:700}
html[dir="rtl"] .contact-card h3,
html[dir="rtl"] .proj h3,
html[dir="rtl"] .cap h3{line-height:1.5;font-weight:700}
html[dir="rtl"] .stat .num{line-height:1.2}
html[dir="rtl"] .hero h1 em,
html[dir="rtl"] h2 em{font-style:normal}

/* labels / eyebrows: remove wide Latin letter-spacing so Arabic joins cleanly */
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .nav-cta,
html[dir="rtl"] .btn,
html[dir="rtl"] .sector,
html[dir="rtl"] .stat .lab,
html[dir="rtl"] footer h4,
html[dir="rtl"] .cap .n,
html[dir="rtl"] .hero-meta .label,
html[dir="rtl"] .lang-toggle,
html[dir="rtl"] .wa-label{font-family:'Tajawal',sans-serif;letter-spacing:0}

/* "read more" arrow points the other way in RTL */
html[dir="rtl"] .btn .arr{transform:scaleX(-1)}

/* hero project-name block sits on the left in RTL */
html[dir="rtl"] .hero-meta{right:auto;left:32px;text-align:left}

/* mobile slide-in menu comes from the left in RTL */
@media(max-width:680px){
  html[dir="rtl"] .nav-links{inset:0 auto 0 0;transform:translateX(-100%);box-shadow:20px 0 60px rgba(0,0,0,.18)}
  html[dir="rtl"] .nav-links.open{transform:none}
}

/* keep phone numbers / emails left-to-right inside RTL text */
html[dir="rtl"] [dir="ltr"]{unicode-bidi:isolate}