/* === SIFEC patch — Empêche l'image de chevaucher le widget de droite === */

/* 1) Contrainte responsive des images dans la colonne de contenu */
.single-news .col-lg-9 img,
.single-news .col-md-8 img,
.single-news .content-col img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* 2) Clearfix sur les blocs de contenu (utile si images flottantes) */
.sn-content::after,
.sn-container::after {
  content: "";
  display: block;
  clear: both;
}

/* 3) Marges automatiques pour images flottantes (si utilisées) */
img.float-right, .float-right img { margin-left: 1rem; margin-bottom: 1rem; }
img.float-left,  .float-left  img { margin-right: 1rem; margin-bottom: 1rem; }

/* 4) Evite toute superposition par z-index */
.single-news .content-col { position: relative; z-index: 1; }
.sidebar { position: relative; z-index: 0; }

/* 5) Un peu d'espace à droite des images pleine largeur (optionnel) */
.single-news .sn-content img { margin-bottom: 1rem; }
<link rel="stylesheet" href="<?= asset('css/style.css') ?>">
<link rel="stylesheet" href="<?= asset('css/stack_fix.css') ?>">
<link rel="stylesheet" href="<?= asset('css/footer_gap_fix.css') ?>">
/* Force les conteneurs à englober les éléments flottants (images alignées à droite/gauche) */
.sn-content::after,
.sn-container::after,
.single-news::after {
  content: "";
  display: block;
  clear: both;
}