/* Compatibilité ancien DOM Elementor (< 3.0)
 *
 * Les templates du thème (templates/*.php) écrivent à la main l'ancien balisage
 * Elementor : .elementor-row > .elementor-column > .elementor-column-wrap > .elementor-widget-wrap
 * Elementor ne fournit plus aucun CSS pour .elementor-row / .elementor-column-wrap
 * depuis la 3.25 : sans ces règles les colonnes s'empilent.
 * Ces classes ne sont plus générées par Elementor lui-même, donc ces règles
 * ne touchent que les templates du thème.
 */

/* Lignes / colonnes */
.elementor-row {
	display: flex;
	width: 100%;
	position: relative;
}
@media (max-width: 1024px) {
	.elementor-row {
		flex-wrap: wrap;
	}
}
.elementor-section .elementor-container > .elementor-row {
	flex: 1 1 100%;
}
/* Colonnes : on ne dépend plus des règles d'Elementor */
.elementor-row > .elementor-column {
	position: relative;
	min-height: 1px;
	display: flex;
}
@media (min-width: 768px) {
	.elementor-row > .elementor-column.elementor-col-25 { width: 25%; }
	.elementor-row > .elementor-column.elementor-col-33 { width: 33.333%; }
	.elementor-row > .elementor-column.elementor-col-50 { width: 50%; }
	.elementor-row > .elementor-column.elementor-col-100 { width: 100%; }
}
.elementor-column.elementor-col-100 {
	width: 100%;
}
.elementor-column-wrap {
	display: flex;
	width: 100%;
	position: relative;
}
.elementor-column-wrap > .elementor-widget-wrap {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	position: relative;
	width: 100%;
}
@media (max-width: 767px) {
	.elementor-row > .elementor-column {
		width: 100%;
	}
}

/* Grilles d'articles copiées du widget Posts (actualites/adherents/agenda/temoignages-list, home-temoignages) */
.grid-list .elementor-grid {
	display: grid;
}
.grid-list .elementor-grid .elementor-grid-item {
	min-width: 0;
}
.grid-list .elementor-grid-4 .elementor-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-list .elementor-grid-3 .elementor-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 1024px) {
	.grid-list .elementor-grid-tablet-2 .elementor-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 767px) {
	.grid-list .elementor-grid-mobile-1 .elementor-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}
/* Le JS masonry d'Elementor Pro s'accroche au faux widget Posts et décale les articles */
.grid-list .elementor-posts-container .elementor-post {
	margin-top: 0 !important;
}
