/* Arabic pages (html lang="ar" dir="rtl"). Loaded only on built Arabic pages.
   Fonts: IBM Plex Sans Arabic for text (pairs with Lato light), Noto Naskh Arabic for the serif display
   type (Latin brand names inside Arabic headings fall back to Silk Serif). */
html[lang="ar"] {
  --font-sans-core: 'IBM Plex Sans Arabic', 'Lato', 'Helvetica Neue', Helvetica, sans-serif;
}
html[lang="ar"] body { font-family: var(--font-sans-core); }
html[lang="ar"] [style*="Silk Serif"],
html[lang="ar"] [style*="Cormorant"] {
  font-family: 'Noto Naskh Arabic', 'Silk Serif', 'Cormorant Garamond', serif !important;
}
/* Letter-spacing breaks Arabic joining; small caps labels read as plain text. */
html[lang="ar"] *, html[lang="ar"] *::before, html[lang="ar"] *::after { letter-spacing: 0 !important; }
/* Arabic has no italics: the emphasised phrase keeps its weight and takes the brand's warm colour. */
html[lang="ar"] i, html[lang="ar"] em, html[lang="ar"] [style*="font-style: italic"], html[lang="ar"] [style*="font-style:italic"] { font-style: normal !important; }
html[lang="ar"] h1 i, html[lang="ar"] h2 i, html[lang="ar"] p i, html[lang="ar"] [style*="font-style: italic"] { color: #B4652C; }
html[lang="ar"] h1 i { color: #FFE3B8; }
/* Display type: Arabic needs taller lines than the Latin design's tight leading. */
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3,
html[lang="ar"] [style*="Silk Serif"] { line-height: 1.35 !important; }
html[lang="ar"] p, html[lang="ar"] li { line-height: 1.9; }
/* Latin runs inside Arabic text (brand names, phone numbers) keep their own direction. */
html[lang="ar"] a[href^="tel:"], html[lang="ar"] a[href^="mailto:"] { direction: ltr; unicode-bidi: isolate; text-align: right; }
/* Counters ("04 / 08", "20 VitaDrips") are numbers: keep them left to right inside the Arabic layout. */
html[lang="ar"] [style*="tabular-nums"] { direction: ltr; unicode-bidi: isolate; }

/* Homepage treatments carousel (mirrored in Homepage.dc.html): the card name sits at the card's right edge. */
html[dir="rtl"] [data-trn] { left: auto !important; right: clamp(20px, 2vw, 32px); text-align: right; }