/*
  Overrides ciblés pour la section SiteOrigin "pgc-1620-8-1"
  Objectif : centrer le bloc + réduire la taille des images, sans impacter le reste du site.
*/

#pgc-1620-8-1 .panel-layout {
  margin-left: auto;
  margin-right: auto;
  /* borne la largeur pour que le bloc soit bien centré visuellement */
  max-width: 760px;
}

/* Centre chaque "ligne" (chaque panel-grid) à l'intérieur de ce bloc */
#pgc-1620-8-1 .panel-grid {
  justify-content: center;
  align-items: center;
}

/* Aligne verticalement le contenu des cellules (image + texte) */
#pgc-1620-8-1 .panel-grid-cell {
  align-items: center;
}

/* Réduit et centre les images de cette section uniquement */
#pgc-1620-8-1 .widget_media_image img,
#pgc-1620-8-1 img.wp-image-2565,
#pgc-1620-8-1 img.wp-image-2566,
#pgc-1620-8-1 img.wp-image-2567,
#pgc-1620-8-1 img.wp-image-2568 {
  width: 80px;
  max-width: 80px;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Centre le texte associé (il est explicitement "text-align:left" dans le HTML) */
#pgc-1620-8-1 .siteorigin-widget-tinymce p {
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
}

/* Sur mobile, empile et centre proprement */
@media (max-width: 781px) {
  #pgc-1620-8-1 .panel-grid {
    row-gap: 12px;
  }

  #pgc-1620-8-1 .panel-grid-cell {
    justify-content: center;
    text-align: center;
  }

  #pgc-1620-8-1 .widget_media_image img {
    width: 100px;
    max-width: 100px;
  }
}


/* Centre toutes les images issues du widget SiteOrigin Image */
img.so-widget-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Centre aussi le contenu du conteneur (utile si l'image est inline dans certains thèmes) */
.so-widget-sow-image .sow-image-container {
  text-align: center;
}