/* ==========================================================================
   ARABIC SITE — TAJAWAL

   Loaded on Arabic pages only (inc/arabic-font.php), and every rule is also
   scoped to the Arabic document, html:lang(ar). The English site keeps Plus
   Jakarta Sans and cannot match anything here.

   WHY ONE FORCED RULE, NOT A TOKEN CHANGE
   The site's font is set in four independent places, and changing any one of
   them leaves Arabic text in Plus Jakarta Sans somewhere:
     - the design-system tokens (--sud-font-display / --sud-font-body);
     - the Elementor kit's global typography variables;
     - Elementor's per-widget typography — 470+ rules written into each page's
       generated CSS as font-family: "Plus Jakarta Sans", at (0,3,0);
     - theme rules that force the token with !important (harvest.css,
       hero-scene.css).
   So Tajawal is applied once, to every element of the Arabic page, with
   !important. The :not(#sud-ar-font) — an id no element carries — adds id-level
   weight, so it outranks the forced class-level rules above as well.

   The tokens are redefined too, so anything reading them (canvas, inline
   styles built from variables) also gets Tajawal.

   Only the typeface changes: sizes, weights, line heights, letter spacing and
   layout are all left to the existing rules. Tajawal's weights are 400, 500,
   700 and 800; the site's 600 renders at 700.

   Icons are left alone. The site's icons are inline SVG, but an icon font
   (Elementor's eicons, Font Awesome) would break if re-fonted, so those
   classes are excluded in case one is ever added.
   ========================================================================== */

html:lang(ar) {
	--sud-font-display: 'Tajawal', 'Noto Kufi Arabic', Tahoma, Arial, sans-serif;
	--sud-font-body:    'Tajawal', 'Noto Kufi Arabic', Tahoma, Arial, sans-serif;
	--sud-font-arabic:  'Tajawal', 'Noto Kufi Arabic', Tahoma, Arial, sans-serif;
}

html:lang(ar):not(#sud-ar-font) body,
html:lang(ar):not(#sud-ar-font) body *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not([class*="eicon"]):not([class*="fa-"]):not([class*="dashicons"]),
html:lang(ar):not(#sud-ar-font) body *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not([class*="eicon"]):not([class*="fa-"]):not([class*="dashicons"])::before,
html:lang(ar):not(#sud-ar-font) body *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not([class*="eicon"]):not([class*="fa-"]):not([class*="dashicons"])::after,
html:lang(ar):not(#sud-ar-font) body *::placeholder {
	font-family: 'Tajawal', 'Noto Kufi Arabic', Tahoma, Arial, sans-serif !important;
}