/* ============================================================
   Correctif DESKTOP UNIQUEMENT - copywriter.fr
   Ne change AUCUN style/couleur : contraint seulement les tailles
   (largeur de lecture + plafond des images) + confort de lecture.
   Tout est sous @media (min-width:900px) => mobile/tablette inchanges.
   Ajoute le 17/07/2026. Pour annuler : retirer le <link> de la page.
   ============================================================ */
@media (min-width: 900px){

  /* --- Images surdimensionnees : plafond + centrage --- */
  .photo_optin,
  .colonne2 img{
    max-width: 440px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
  }
  .fond-vierge .img{
    max-width: 560px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .fond-vierge .img img{ width: 100%; height: auto; }

  /* --- Home (index.php) : bloc 2 colonnes empile, centre --- */
  .container .d-flex{
    max-width: 860px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* --- Advertorial (nouvelle.php) : le FOND reste pleine largeur,
         seul le CONTENU se centre a une largeur de lecture confortable --- */
  section > h1, section > h2, section > h3, section > h4,
  section > p, section > ul, section > ol,
  .titre, .titre-small, .main-text, .petit-text,
  .bouton-bleu, .encadre, .cadre-etape, .benefices{
    max-width: 760px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .bouton-bleu{ max-width: 620px; }

  /* Contenu enveloppe dans un div sans classe (ex: liste "VOILA CE QUE TU VAS OBTENIR") */
  section > div > p,
  section > div > h2, section > div > h3, section > div > h4,
  section > div > ul, section > div > ol{
    max-width: 760px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* --- Coches de la liste (home) : l'icone est en position:absolute.
         On l'ancre sur SON propre .point pour qu'elle colle a son texte
         au lieu de rester au bord de l'ecran. --- */
  .liste{
    padding-left: 0 !important;
    max-width: 760px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .liste .point{
    position: relative;
    padding-left: 28px;
  }
  .liste .point i{
    position: absolute !important;
    left: 0 !important;
    top: 0.2em;
  }

  /* --- Curseur "main" au survol des elements cliquables (boutons en <div>) --- */
  .bouton-bleu,
  .nav-btn,
  [onclick]{
    cursor: pointer;
  }

  /* --- Page advertorial pdv.php : corps + temoignages --- */
  .contenu_page{
    max-width: 760px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .hero-title,
  .separator-grey{
    max-width: 760px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .temoignages-section,
  .temoignages-grid{
    max-width: 1000px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}