/* ==========================================================================
   ARABIC-INDIC DIGITS — NUMBERS DRAWN BY CSS

   Loaded on Arabic pages only (inc/arabic-digits.php), and every rule is also
   behind html:lang(ar).

   Three components number themselves with CSS counters in the
   `decimal-leading-zero` style ("01", "02" ...). Those numbers never exist as
   text, so the text conversion cannot reach them; the counter style is
   switched instead. Only `content` is overridden — each counter's increment
   and reset are left exactly as they are.

   `arabic-indic` is a built-in counter style; this extends it with the same
   two-digit padding the English numbering uses, padded with ٠.
   ========================================================================== */

@counter-style sud-arabic-indic-2 {
	system: extends arabic-indic;
	pad: 2 "٠";
}

/* design-system.css — numbered cards */
html:lang(ar) .sud-card--numbered::before {
	content: counter(sud-counter, sud-arabic-indic-2);
}

/* localization-vision.css — the numbered list */
html:lang(ar) .sud-vs__card::before {
	content: counter(vs, sud-arabic-indic-2);
}

/* quality-qa.css — the Quality Assurance steps */
html:lang(ar) .sud-qa .sud-qa__list .elementor-icon-box-content::before {
	content: counter(qa, sud-arabic-indic-2);
}