/* === A PROPOS: photo à gauche, texte à droite (desktop) + mobile optimisé === */

/* Desktop: inverse les colonnes (image à gauche, texte à droite) */
@media (min-width: 992px){
  /* Gutenberg columns */
  .entry-content .wp-block-columns{
    display:flex !important;
    flex-direction: row-reverse !important; /* inverse l'ordre visuel */
    gap: 1.25rem !important;
    align-items: flex-start !important;
  }
  .entry-content .wp-block-column{ flex: 1 1 0% !important; }

  /* Schémas 2 colonnes courants du thème */
  .split, .two-col, .columns{
    display:flex !important;
    flex-direction: row-reverse !important;
    gap: 1.25rem !important;
    align-items: flex-start !important;
  }
  .split > *, .two-col > *, .columns > *{ flex:1 1 0% !important; }
}

/* Mobile/tablette: empiler + confort de lecture */
@media (max-width: 768px){
  .entry-content .wp-block-columns,
  .split, .two-col, .columns{
    display:flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
  }
  /* Image avant le texte pour une intro visuelle */
  .split .media, .two-col .media, .columns .media{ order: -1; }

  /* Images responsives et arrondies */
  .entry-content img{ max-width:100% !important; height:auto !important; border-radius:16px; display:block; }

  /* Marges latérales douces */
  .container, .wrap, .inner, .entry-content{ padding-left:16px; padding-right:16px; }

  /* Typo mobile lisible */
  .entry-content h1{ font-size:clamp(24px, 6.2vw, 34px); line-height:1.2; margin-bottom:.6rem; }
  .entry-content h2{ font-size:clamp(20px, 5vw, 28px); line-height:1.25; margin:.3rem 0 .7rem; }
  .entry-content p { font-size:clamp(16px, 4.2vw, 18px); line-height:1.55; }
}