@charset "UTF-8";

/**
 * Grilles
 * Styles CSS pour les grilles et layouts
 *
 * @package gncom-v8
 */

/**
 * Grilles - Configuration générale
 */

/* Grilles sur mesure */
.grille {
	display: grid;
} 

/* Configuration de base des grilles */
.is-layout-grid {
	gap: var(--wp--custom--grille-coll--gap);
	justify-content: center;
}

.grille-full {
	grid-column: 1 / -1;
}

/* Grilles - 2 colonnes responsive */
.grille-2-col-mob {
	grid-template-columns: 1fr;
	gap: var(--wp--preset--spacing--normal) !important;
	margin-block-start: 0 !important;
	margin-bottom: var(--wp--preset--spacing--normal) !important;
}

.grille-2-col-mob > .wp-block-group {
	margin-block-start: 0;
}

/* Mobile : visuel toujours en premier */
.grille-2-col-mob .grille-2-col-visuel {
	order: 1;
}

.grille-2-col-mob .grille-2-col-contenu {
	order: 2;
}


/**
 * Grilles - Témoignages
 */

/* Premier témoignage en pleine largeur dans grille 3 colonnes */
.grille-3-col .wp-block-post.gnp_temoignages:first-child {
	grid-column: 1 / -1;
}

.grille-temoignage h2 {
	font-size: var(--wp--preset--font-size--medium);
}

/**
 * Grilles - Archives
 */

/* Grille pour gérer l'affichage des blocs internes */
.wp-block-post-template .wp-block-post .is-style-bloc-carte {
	display: grid;
	grid-template-rows: auto auto 1fr;
}

/**
 * Media Queries
 */

/* Tablette et desktop : 2 colonnes avec ordre naturel */
@media only screen and (min-width: 600px) {
	.grille-2-col-mob {
		grid-template-columns: 1fr 1fr;
	}

	.grille-2-col-mob .grille-2-col-visuel,
	.grille-2-col-mob .grille-2-col-contenu {
		order: initial;
	}
}