/* =========================================================================
   Abondance - Surcharges UX articles (single post)
   -------------------------------------------------------------------------
   Fichier dedie aux briques d'evolution de l'experience de lecture sur les
   articles (post type `post`). Charge par functions.php avec un cache buster
   base sur filemtime() pour eviter les soucis de cache CDN/navigateur.
   Iteratif, brique par brique. Chaque brique est isolee et documentee.
   ========================================================================= */


/* -------------------------------------------------------------------------
   BRIQUE 1 - Largeur du bloc texte
   -------------------------------------------------------------------------
   Objectif : ramener la colonne de lecture a une largeur confortable
   (~60-80 caracteres par ligne) sur desktop. Reference : France Info.
   Cible UNIQUEMENT les articles (body.single-post). Mobile inchange.

   Note specificite : on inclut .post-wrap dans le selecteur pour battre
   la regle parent Extra ".single .post-wrap .post-content { margin: 30px 0 40px }"
   qui sinon force margin-left/right a 0 et empeche le centrage.
   ------------------------------------------------------------------------- */
@media (min-width: 768px) {
    body.single-post .post-wrap .post-content {
        max-width: 720px;
        margin-left: auto;
        margin-right: auto;
    }
}


/* -------------------------------------------------------------------------
   BRIQUE 2 - Image hero (featured image)
   -------------------------------------------------------------------------
   Objectif : reduire l'image a la une d'environ 20% par rapport a la largeur
   pleine de l'article (1120px -> 900px) et la garder centree.
   Les margins top/bottom heritees du theme parent (30px / 40px) sont
   preservees, on n'override que left/right.
   Specificite renforcee (body + article + class) pour battre une eventuelle
   regle parent non listee dans les feuilles inspectables.
   ------------------------------------------------------------------------- */
@media (min-width: 768px) {
    body.single-post article.single-post-module .post-thumbnail {
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
    }
}


/* -------------------------------------------------------------------------
   BRIQUE 3 - Compatibilite Divi Builder (centrage .post-content)
   -------------------------------------------------------------------------
   Sur les 500+ articles construits avec Divi Builder, le body porte la
   classe .et_pb_pagebuilder_layout. Le parent Extra/Divi applique alors
   sur .post-content des margins qui ecrasent notre `margin: auto` de la
   Brique 1, empechant le centrage horizontal.

   On combine deux classes du body (.single-post + .et_pb_pagebuilder_layout)
   pour augmenter la specificite, et on utilise !important UNIQUEMENT sur
   margin-left/right (pas sur le reste) pour garantir le centrage sans
   casser les margins verticales heritees.

   NB : on accepte ici une "signature visuelle" Divi differente : les sections
   internes (.et_pb_section / .et_pb_row) gardent leur largeur native
   (~1080px) et peuvent visuellement deborder du bloc 720px. C'est conforme
   au choix produit (ne pas toucher au contenu Divi).
   ------------------------------------------------------------------------- */
@media (min-width: 768px) {
    body.single-post.et_pb_pagebuilder_layout .post-wrap .post-content {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}