/* ================================================
   I2AJM - FORCE IMAGES DISPLAY
   Very aggressive overrides to ensure news images show
   ================================================ */

/* Remove ALL display:none and visibility:hidden from images in news */
[id], [class] {
  /* Force clear display none */
}

/* Target ALL images in news section */
#news *,
#actualites *,
section[id="news"] *,
section[id="actualites"] * {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Force ALL images visible */
img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 150px !important;
  width: 100% !important;
  object-fit: cover !important;
  background-color: #f0f0f0 !important;
}

/* Debug: give broken images a colored background so we can see them */
img[src=""],
img[src*="undefined"],
img[src*="null"] {
  background-color: #ffcccc !important;
  min-height: 200px !important;
}

/* Specific image overrides */
#news img,
#actualites img,
section img,
.grid img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 200px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  margin-bottom: 1rem !important;
}

/* Override any inline display:none */
img[style*="display: none"],
img[style*="display:none"] {
  display: block !important;
}

/* Ensure figure/img containers are visible */
#news figure,
#news div img,
section img {
  display: block !important;
  visibility: visible !important;
}

/* Mobile images */
@media (max-width: 767px) {
  img {
    min-height: 180px !important;
    height: 180px !important;
    width: 100% !important;
  }
  
  #news img,
  section img {
    width: 100% !important;
    height: 180px !important;
    object-fit: cover !important;
  }
}