/*
 * MACFR Academy — sens droite-à-gauche.
 *
 * La feuille principale emploie des propriétés logiques — inline-start,
 * inline-end, margin-inline — qui s'inversent d'elles-mêmes dès que la
 * direction change. Ce fichier ne reprend donc que ce qui ne peut pas
 * s'inverser tout seul : les valeurs physiques, les transformations, et
 * quelques choix typographiques propres à l'arabe.
 */

.macfr {
	direction: rtl;
	text-align: start;

	/*
	 * Typographie arabe.
	 *
	 * Fraunces et Inter ne couvrent pas l'arabe : le navigateur retomberait
	 * sur une police système au hasard, souvent mal proportionnée. On
	 * demande explicitement les familles arabes de Google, avec un repli sur
	 * celles des systèmes.
	 */
	--macfr-display: 'Noto Kufi Arabic', 'Cairo', 'Geeza Pro', 'Tahoma', serif;
	--macfr-body: 'Noto Sans Arabic', 'Cairo', 'Geeza Pro', 'Tahoma', system-ui, sans-serif;

	/* L'arabe n'a pas de capitales : les majuscules forcées et les lettres
	   espacées n'ont aucun sens et gênent la lecture. */
	--macfr-tracking: normal;
}

.macfr .macfr-eyebrow,
.macfr .macfr-tag,
.macfr .macfr-badge-pill,
.macfr .macfr-prof__tab,
.macfr .macfr-stat__label,
.macfr .macfr-table th,
.macfr .macfr-btn {
	text-transform: none;
	letter-spacing: 0;
}

/* L'arabe demande un peu plus d'interligne : les signes diacritiques
   dépassent au-dessus et en dessous de la ligne. */
.macfr { line-height: 1.85; }
.macfr h1, .macfr h2, .macfr h3 { line-height: 1.35; }

/* --- Ce qui ne s'inverse pas tout seul -------------------------------- */

/* Les flèches et chevrons pointent dans l'autre sens. */
.macfr .macfr-conv__back svg,
.macfr .macfr-discover svg,
.macfr .macfr-go svg,
.macfr .macfr-chat__send,
.macfr .macfr-composer__send { transform: scaleX(-1); }

/* Le filet du surtitre se déploie depuis la droite. */
.macfr .macfr-course-row::before,
.macfr .macfr-class-card::before,
.macfr .macfr-test::before { transform-origin: right; }

/* La barre de discussion se pose à gauche de l'écran. */
.macfr-dock { inset-inline-end: auto; inset-inline-start: 18px; }
.macfr-live { inset-inline-end: auto; inset-inline-start: 20px; }
.macfr-incoming { inset-inline-end: auto; inset-inline-start: 20px; }

/* Le bouton d'affichage du mot de passe, dans la page de connexion. */
.macfr .gate-peek { inset-inline-end: 6px; }

/* Les nombres et les dates restent lisibles de gauche à droite : un
   montant ou une heure inversés seraient faux, pas seulement étranges. */
.macfr .macfr-stat__value,
.macfr .macfr-hero__meter-text,
.macfr .macfr-table td,
.macfr time,
.macfr .macfr-timeline__points { direction: ltr; text-align: start; unicode-bidi: isolate; }

.macfr .macfr-table td[data-label] { text-align: start; }

/* Les barres de progression se remplissent depuis la droite. */
.macfr .macfr-meter__fill,
.macfr .macfr-progress__fill,
.macfr .macfr-module__bar span { transform-origin: right; }

/* L'ombre portée des blocs marine change de côté. */
.macfr .macfr-hero::after { inset-inline-end: auto; inset-inline-start: -80px; }

/* Le sélecteur de langue, quel que soit le sens. */
.macfr-langs { direction: ltr; }

/* --- Messagerie : actions et citations en sens inverse ---------------- */

/* Le chevron de la citation et la flèche de réponse. */
.macfr .macfr-msg__tool { transform: scaleX(-1); }
.macfr .macfr-msg__tool--danger { transform: none; }

/* --- Les conditions, en arabe ----------------------------------------- */

/*
 * Le voile d'acceptation.
 *
 * Le texte se lit de droite à gauche, mais la case à cocher et le bouton
 * gardent leur logique : la case précède l'intitulé, le bouton reste à
 * l'opposé — soit à gauche en arabe.
 */
.macfr-terms-gate__body,
.macfr-terms-gate__title,
.macfr-terms-gate__intro { text-align: start; }

.macfr-terms-gate__body h2 { text-align: start; }

/* La ponctuation arabe respire différemment. */
.macfr-terms-gate__body p { line-height: 1.85; }

/* Le résumé du courriel : le filet passe à droite. */
.macfr-terms .macfr-prose { text-align: start; }