/* =============================================================
   NMI MARINE — Arabic / RTL overrides
   Loaded only on /ar/ pages, after style.css
   ============================================================= */

html[dir="rtl"] body,
html[lang="ar"] body {
  font-family: 'Tajawal', 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
  line-height: 1.85;
  text-align: right;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5 {
  font-family: 'Tajawal', 'Segoe UI', system-ui, Arial, sans-serif;
  letter-spacing: 0;
  line-height: 1.4;
}

/* Latin fragments (NMI MARINE, ISO, ASME, codes, software) keep LTR flow */
html[dir="rtl"] .btn,
html[dir="rtl"] .header-phone,
html[dir="rtl"] .lang-switch { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] .header-phone,
html[dir="rtl"] .lang-switch { direction: ltr; }

/* Lists: bullets / markers flip */
html[dir="rtl"] ul { padding-right: 0; padding-left: 0; }
html[dir="rtl"] li { text-align: right; }

/* Anything positioned with left/right must mirror */
html[dir="rtl"] .breadcrumb,
html[dir="rtl"] .hero-content,
html[dir="rtl"] .hero-card,
html[dir="rtl"] .section-head,
html[dir="rtl"] .footer-col { text-align: right; }

/* Flex/grid rows keep source order but read right-to-left */
html[dir="rtl"] .header-inner,
html[dir="rtl"] .site-nav,
html[dir="rtl"] .header-cta,
html[dir="rtl"] .hero-btns,
html[dir="rtl"] .footer-inner { direction: rtl; }

/* Borders / accents that sit on one side */
html[dir="rtl"] [class*="border-left"],
html[dir="rtl"] blockquote { border-left: 0; border-right: 3px solid var(--navy); padding-left: 0; padding-right: 1rem; }

/* Form fields */
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea { text-align: right; direction: rtl; font-family: inherit; }
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"] { text-align: left; direction: ltr; }

/* Numerals and codes inside Arabic text stay readable */
html[dir="rtl"] .cert-chip,
html[dir="rtl"] .code-chip,
html[dir="rtl"] .stat-num { direction: ltr; unicode-bidi: isolate; display: inline-block; }

/* Arrows that point "forward" */
html[dir="rtl"] .arrow-fwd { transform: scaleX(-1); display: inline-block; }