/* ============================================================
   DG — Typographie arabe (chargée uniquement sur les pages AR)
   Titres : Cairo · Texte : Almarai
   ============================================================ */

/* 1. Polices globales Elementor (Réglages du site → Typographie) */
html[lang^="ar"] body {
	--e-global-typography-primary-font-family: "Cairo";
	--e-global-typography-secondary-font-family: "Cairo";
	--e-global-typography-accent-font-family: "Cairo";
	--e-global-typography-text-font-family: "Almarai";
}

/* 2. Texte courant → Almarai */
html[lang^="ar"] body,
html[lang^="ar"] p,
html[lang^="ar"] li,
html[lang^="ar"] td,
html[lang^="ar"] th,
html[lang^="ar"] dd,
html[lang^="ar"] dt,
html[lang^="ar"] blockquote,
html[lang^="ar"] figcaption,
html[lang^="ar"] label,
html[lang^="ar"] input,
html[lang^="ar"] textarea,
html[lang^="ar"] select,
html[lang^="ar"] .elementor-widget-text-editor,
html[lang^="ar"] .elementor-icon-list-text,
html[lang^="ar"] .elementor-icon-box-description,
html[lang^="ar"] .elementor-image-box-description,
html[lang^="ar"] .elementor-tab-content,
html[lang^="ar"] .elementor-toggle-content {
	font-family: "Almarai", "Cairo", Tahoma, Arial, sans-serif !important;
}

/* 3. Titres, boutons, accroches → Cairo */
html[lang^="ar"] h1,
html[lang^="ar"] h2,
html[lang^="ar"] h3,
html[lang^="ar"] h4,
html[lang^="ar"] h5,
html[lang^="ar"] h6,
html[lang^="ar"] .elementor-heading-title,
html[lang^="ar"] .elementor-icon-box-title,
html[lang^="ar"] .elementor-image-box-title,
html[lang^="ar"] .elementor-tab-title,
html[lang^="ar"] .elementor-toggle-title,
html[lang^="ar"] .elementor-button,
html[lang^="ar"] .elementor-button-text,
html[lang^="ar"] button,
html[lang^="ar"] summary {
	font-family: "Cairo", "Almarai", Tahoma, Arial, sans-serif !important;
}

/* 4. Corrections propres à l'arabe :
      l'espacement des lettres casse les liaisons, les majuscules n'existent pas,
      et les titres ont besoin de plus d'interligne (points diacritiques). */
html[lang^="ar"] h1,
html[lang^="ar"] h2,
html[lang^="ar"] h3,
html[lang^="ar"] h4,
html[lang^="ar"] h5,
html[lang^="ar"] h6,
html[lang^="ar"] .elementor-heading-title {
	letter-spacing: 0 !important;
	text-transform: none !important;
	line-height: 1.45 !important;
}
html[lang^="ar"] p,
html[lang^="ar"] li,
html[lang^="ar"] .elementor-widget-text-editor,
html[lang^="ar"] .elementor-button,
html[lang^="ar"] button {
	letter-spacing: 0 !important;
}
html[lang^="ar"] p,
html[lang^="ar"] li,
html[lang^="ar"] .elementor-widget-text-editor { line-height: 1.85; }

/* 5. Termes latins balisés (LASIK, PKR, noms d'appareils…) → Inter */
html[lang^="ar"] [lang="fr"],
html[lang^="ar"] [lang="en"] {
	font-family: "Inter", "Helvetica Neue", Arial, sans-serif !important;
}