/* ── Rendu des contenus rich text (éditeur Quill) ─────────────────────────
 * Partagé par tous les thèmes. Les contenus saisis dans la console peuvent
 * porter la mise en forme sous deux formes : styles en ligne (`text-align`,
 * `color`…) — qui ne demandent rien — ou classes `ql-*` pour l'alignement et
 * les retraits. Ces règles couvrent la seconde, pour qu'un paragraphe centré
 * dans l'éditeur le soit aussi sur le site publié.
 *
 * Le jeu de classes ci-dessous est exactement celui que le sanitizer laisse
 * passer (préfixe `ql-`, cf. core/sanitize.py). En ajouter une ici sans
 * l'autoriser là-bas ne servirait à rien : elle serait retirée au save.
 * ────────────────────────────────────────────────────────────────────────── */

.ql-align-center { text-align: center; }
.ql-align-right { text-align: right; }
.ql-align-justify { text-align: justify; }

.ql-indent-1 { padding-left: 3em; }
.ql-indent-2 { padding-left: 6em; }
.ql-indent-3 { padding-left: 9em; }
.ql-indent-4 { padding-left: 12em; }
.ql-indent-5 { padding-left: 15em; }
.ql-indent-6 { padding-left: 18em; }
.ql-indent-7 { padding-left: 21em; }
.ql-indent-8 { padding-left: 24em; }

[dir="rtl"] .ql-indent-1 { padding-left: 0; padding-right: 3em; }
[dir="rtl"] .ql-indent-2 { padding-left: 0; padding-right: 6em; }
[dir="rtl"] .ql-indent-3 { padding-left: 0; padding-right: 9em; }
[dir="rtl"] .ql-indent-4 { padding-left: 0; padding-right: 12em; }

/* Vidéo embarquée : Quill produit une <iframe class="ql-video"> à dimensions
 * fixes. On la rend fluide, sinon elle déborde sur mobile. */
.ql-video {
  display: block;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  border: 0;
}

/* Une image insérée dans un contenu ne doit jamais casser la grille. */
.ql-editor img,
.rich-text img { max-width: 100%; height: auto; }