/* ================================================
   BLEEN4US — Styles Méditation / Défis
   ================================================
   Appliqué aux pages : defi-clarte, defi-energie,
   defi-expansion, defi-gratitude, defi-serenite-familiale
   ================================================
   Usage : ajouter la classe .meditation-page au conteneur racine
   ================================================ */

/* ================================================
   1. TYPOGRAPHIE SACRÉE POUR LES MÉDITATIONS
   ================================================ */

.meditation-page,
.meditation-page * {
    text-transform: none !important;
}

/* Corps de texte des méditations : même lecture que la page Sourire */
.meditation-page article p,
.meditation-page article li {
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    line-height: 1.75;
    word-spacing: 2px;
    letter-spacing: 0.8px;
}

.meditation-page article blockquote {
    font-family: 'Caveat', cursive;
    text-align: center;
    line-height: 1.75;
    word-spacing: 2px;
    letter-spacing: 0.8px;
}

/* Bloc de texte de lecture profonde — largeur limitée */
.meditation-page article .space-y-8,
.meditation-page article .space-y-6 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* ================================================
   2. BLOCS SPÉCIAUX DANS LES MÉDITATIONS
   ================================================ */

/* Les blocs encadrés (bg colorés) gardent le centrage */
.meditation-page article .bg-\[\\#64748b\]\/5,
.meditation-page article [class*="bg-"] {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* Paragraphes avec bordure gauche (affirmations) */
.meditation-page article .border-l-4 {
    text-align: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* ================================================
   3. TITRES DES SECTIONS MÉDITATION
   ================================================ */

/* Les titres restent en Cinzel via .font-display, centrés */
.meditation-page article h3 {
    text-align: center;
    display: block;
    width: 100%;
}

/* Bouton retour — centré */
.meditation-page article .border-t {
    text-align: center;
}