/* Thonem Website v9.5 — premium Arabic typography layer.
   Arabic pages only. IBM Plex Sans Arabic is loaded from Google Fonts in-page;
   robust system fallbacks remain available if the remote font is unavailable. */

html[lang="ar"] {
  --font-arabic: "IBM Plex Sans Arabic", Tahoma, "Segoe UI", Arial, sans-serif;
}

html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] select {
  font-family: var(--font-arabic);
  font-weight: 400;
  font-optical-sizing: auto;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

/* Arabic glyphs should never inherit the aggressive Latin tracking used by the base theme. */
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] p,
html[lang="ar"] a,
html[lang="ar"] button,
html[lang="ar"] label,
html[lang="ar"] li,
html[lang="ar"] dt,
html[lang="ar"] dd,
html[lang="ar"] .eyebrow,
html[lang="ar"] .kicker,
html[lang="ar"] .nav,
html[lang="ar"] .mobile-nav,
html[lang="ar"] .footer,
html[lang="ar"] .site-search-dialog {
  letter-spacing: 0;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4 {
  font-family: var(--font-arabic);
  font-weight: 700;
  font-kerning: normal;
}

html[lang="ar"] .hero h1,
html[lang="ar"] .inner-hero h1 {
  line-height: 1.12;
  letter-spacing: -.012em;
}

html[lang="ar"] h2 { line-height: 1.22; }
html[lang="ar"] h3 { line-height: 1.35; }

html[lang="ar"] p,
html[lang="ar"] .hero-lead,
html[lang="ar"] .section-head > p,
html[lang="ar"] .doc-prose,
html[lang="ar"] .doc-article-section p,
html[lang="ar"] .info-card p,
html[lang="ar"] .footer p {
  line-height: 1.9;
}

html[lang="ar"] .nav a,
html[lang="ar"] .mobile-nav a,
html[lang="ar"] .btn,
html[lang="ar"] .text-link,
html[lang="ar"] .search-trigger,
html[lang="ar"] .footer-links a {
  font-weight: 600;
}

html[lang="ar"] .eyebrow,
html[lang="ar"] .kicker {
  font-weight: 600;
  text-transform: none;
}

/* Keep Latin brand/version/code labels crisp and aligned with the English identity. */
html[lang="ar"] .brand-name,
html[lang="ar"] .site-badge,
html[lang="ar"] .console-chip,
html[lang="ar"] .panel-label,
html[lang="ar"] .info-tag,
html[lang="ar"] code,
html[lang="ar"] pre,
html[lang="ar"] kbd,
html[lang="ar"] [dir="ltr"] {
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html[lang="ar"] .brand-name { font-weight: 800; letter-spacing: -.04em; }
html[lang="ar"] code,
html[lang="ar"] pre,
html[lang="ar"] kbd { direction: ltr; text-align: left; }

/* A little more breathing room improves the Arabic rhythm in compact UI surfaces. */
html[lang="ar"] .btn { padding-block: 14px 16px; }
html[lang="ar"] .btn-small { padding-block: 10px 12px; }
html[lang="ar"] .nav a,
html[lang="ar"] .text-link { line-height: 1.5; }
html[lang="ar"] .metric span,
html[lang="ar"] .metric small,
html[lang="ar"] .flow small,
html[lang="ar"] .panel-caption { line-height: 1.65; }

@media (max-width: 760px) {
  html[lang="ar"] .hero h1,
  html[lang="ar"] .inner-hero h1 { line-height: 1.16; }
  html[lang="ar"] .hero-lead { line-height: 1.85; }
}