/*
 Theme Name:     MarionColinon Theme
 Theme URI:      https://marion-colinon.com
 Description:    marion colinon Theme 
 Author:         Jean-Pierre Joignant 
 Author URI:     https://jean-pierre.joignant.com
 Template:       twentyseventeen
 Version:        1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */
/* Importer le style du parent */
@import url("../twentyseventeen/style.css");


function ajouter_police_handlee() {
    wp_enqueue_style(
        'police-handlee',
        'https://fonts.googleapis.com/css2?family=Handlee&display=swap',
        array(),
        null
    );
}
add_action('wp_enqueue_scripts', 'ajouter_police_handlee');

/* Pleine largeur sur les pages 3 colonnes */
.three-columns-layout .site-content .wrap {
  max-width: 1200px; /* ajuste selon ton design */
}

/* La grille doit être sur le vrai conteneur de contenu */
.three-columns-layout .entry-content {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
}

/* Chaque enfant direct est un item de la grille */
.three-columns-layout .entry-content > * {
  margin: 0;         /* éviter les marges qui cassent la grille */
  max-width: none;   /* neutralise les limites de largeur des blocks Gutenberg */
}

/* Responsif : 1 col en mobile, 2 cols en tablette */
@media (max-width: 900px) {
  .three-columns-layout .entry-content {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 901px) and (max-width: 1200px) {
  .three-columns-layout .entry-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Neutraliser quelques contraintes de Twenty Seventeen sur les blocks */
.three-columns-layout .entry-content .wp-block,
.three-columns-layout .entry-content [class*="wp-block-"] {
  max-width: none;
}

/* Si tu utilises Strong Testimonials (vu dans ton extrait), impose la grille à sa liste */
.three-columns-layout .wpmtst-default .strong-content {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
}
.three-columns-layout .wpmtst-default .strong-content > * {
  margin: 0;
}
@media (max-width: 900px) {
  .three-columns-layout .wpmtst-default .strong-content {
    grid-template-columns: 1fr;
  }
}