/* === Parité TinyMCE (public) === */
.patch-content img { max-width: 100%; height: auto; }

/* Figure + légende */
.patch-content figure.image { display: inline-block; margin: 0; }
.patch-content figure.image figcaption {
  font-size: .9rem;
  color: #6c757d;
  margin-top: .25rem;
}

/* Petit espacement si non flottée */
.patch-content img:not(.float-start):not(.float-end) { margin: .5rem 0; }

/* Alignements TEXTE (classes Bootstrap + styles inline TinyMCE) */
.patch-content .text-start   { text-align: left !important; }
.patch-content .text-center  { text-align: center !important; }
.patch-content .text-end     { text-align: right !important; }
.patch-content .text-justify { text-align: justify !important; }

/* Si TinyMCE a mis des styles inline (bloqués par la CSP), on mappe via sélecteurs d'attribut */
.patch-content [style*="text-align: center"] { text-align: center !important; }
.patch-content [style*="text-align:center"]  { text-align: center !important; }
.patch-content [style*="text-align: right"]  { text-align: right !important; }
.patch-content [style*="text-align:right"]   { text-align: right !important; }
.patch-content [style*="text-align: left"]   { text-align: left !important; }
.patch-content [style*="text-align:left"]    { text-align: left !important; }

/* === Alignements IMAGES === */
/* Anciennes classes TinyMCE */
.patch-content img.align-left,
.patch-content figure.align-left,
.patch-content figure.image.align-left {
  float: left !important;
  margin: .25rem 1rem .25rem 0 !important;
}
.patch-content img.align-right,
.patch-content figure.align-right,
.patch-content figure.image.align-right {
  float: right !important;
  margin: .25rem 0 .25rem 1rem !important;
}
.patch-content img.align-center,
.patch-content figure.align-center,
.patch-content figure.image.align-center {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  float: none !important;
}

/* Équivalents quand TinyMCE a mis float/centering en style inline */
.patch-content [style*="float: left"],
.patch-content [style*="float:left"] {
  float: left !important;
  margin: .25rem 1rem .25rem 0 !important;
}
.patch-content [style*="float: right"],
.patch-content [style*="float:right"] {
  float: right !important;
  margin: .25rem 0 .25rem 1rem !important;
}
.patch-content [style*="margin-left: auto"][style*="margin-right: auto"] {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  text-align: center !important; /* pour <figure> */
}

/* Classes Bootstrap éventuellement présentes */
.patch-content img.d-block.mx-auto,
.patch-content figure.image.d-block.mx-auto {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.patch-content img.float-start { float: left !important; }
.patch-content img.float-end   { float: right !important; }

/* Quand TinyMCE a posé une largeur inline : on garantit la réactivité */
.patch-content img[style*="width:"],
.patch-content figure.image[style*="width:"] > img {
  max-width: 100% !important;
  height: auto !important;
}

/* Clear floats */
.patch-content::after { content: ""; display: block; clear: both; }