/* Ultra-spécifique : applique partout à l'intérieur du bloc IGDB */
.entry-content .igdbgd-box,
.igdbgd-box{
  display:flex !important;
  align-items:flex-start !important;
  gap:10px !important;
  padding:10px 12px !important;
  border:1px solid #dcdcdc !important;
  background:#f9f9f9 !important;
  font-size:14px !important;
  line-height:1.3 !important;
  margin:10px 0 !important;
}

/* Reset violent des espacements ajoutés par le thème */
.entry-content .igdbgd-box *{
  margin-block-start:0 !important;
  margin-block-end:0 !important;
  line-height:1.28 !important;
}

/* On remet un tout petit espace entre les lignes (2px) */
.entry-content .igdbgd-box .igdbgd-meta > *{ margin:2px 0 !important; }

/* Titre compact */
.entry-content .igdbgd-box .igdbgd-title{
  margin:0 0 4px 0 !important;
  font-size:17px !important;
  line-height:1.2 !important;
}

/* Image : jamais recadrée, largeur selon taille */
.entry-content .igdbgd-box .igdbgd-image{ flex:0 0 auto !important; overflow:visible !important; }
.entry-content .igdbgd-box .igdbgd-image img {
  display:block !important;
  width:100% !important;
  height:200px !important;       /* ajuste la hauteur */
  object-fit:cover !important;   /* recadrage pour remplir */
  object-position:center !important; /* centrage */
}
.entry-content .igdbgd-box .igdbgd-image.igdbgd-img-small{  width:120px !important; }
.entry-content .igdbgd-box .igdbgd-image.igdbgd-img-medium{ width:160px !important; }
.entry-content .igdbgd-box .igdbgd-image.igdbgd-img-large{  width:200px !important; }

/* Position gauche/droite/haut */
.entry-content .igdbgd-box.pos-left{  flex-direction:row !important; }
.entry-content .igdbgd-box.pos-right{ flex-direction:row-reverse !important; }
.entry-content .igdbgd-box.pos-top{   flex-direction:column !important; }

/* Liens sur une seule ligne, sans marge supplémentaire */
.entry-content .igdbgd-box .igdbgd-meta a{
  text-decoration:underline !important;
  display:inline !important;
  margin:0 !important;
  line-height:1.28 !important;
}

/* Mobile : empile */
@media (max-width:600px){
  .entry-content .igdbgd-box{ flex-direction:column !important; }
}

.igdbgd-image,
.igdbgd-img-small,
.igdbgd-img-medium,
.igdbgd-img-large{
  width:100% !important;
  max-width:none !important;
  flex:1 1 100% !important; /* si parent en flex */
}

/* 2) Version "bannière" qui remplit la zone et se centre */
.igdbgd-image img{
  display:block !important;
  width:100% !important;
  height:320px !important;          /* ajuste la hauteur à ton design */
  object-fit:cover !important;      /* remplit la zone */
  object-position:center !important;
  margin:0 auto !important;
}

/* 3) Si tu utilises encore .igdbgd-box en mode "image en haut" */
.igdbgd-box.pos-top .igdbgd-image{
  width:100% !important;
  flex:1 1 100% !important;
}