/**
 * Colonnes responsive – blocs "Grille" et "Colonnes".
 * Points de rupture Astra : desktop >= 922px | tablette 545–921px | mobile <= 544px.
 *
 * Chaque appareil est indépendant : si une valeur n'est pas renseignée,
 * le bloc garde son comportement natif sur cet appareil.
 *
 * Le bloc Colonnes passe en CSS Grid lorsque la valeur est définie : les
 * largeurs individuelles des colonnes (ex. 33 % / 66 %) sont alors ignorées
 * sur l'appareil concerné, et l'espacement (gap) du bloc est conservé.
 */

/* ---------- Socle commun ---------- */
.wp-block-columns[class*="has-rc-"] > .wp-block-column {
	min-width: 0;
}

/* ---------- Ordinateur ---------- */
@media (min-width: 922px) {
	.wp-block-columns.has-rc-d,
	.wp-block-group.is-layout-grid.has-rc-d {
		display: grid !important;
		grid-template-columns: repeat(var(--rc-d), minmax(0, 1fr)) !important;
	}
}

/* ---------- Tablette ---------- */
@media (min-width: 545px) and (max-width: 921px) {
	.wp-block-columns.has-rc-t,
	.wp-block-group.is-layout-grid.has-rc-t {
		display: grid !important;
		grid-template-columns: repeat(var(--rc-t), minmax(0, 1fr)) !important;
	}
}

/* ---------- Mobile ---------- */
@media (max-width: 544px) {
	.wp-block-columns.has-rc-m,
	.wp-block-group.is-layout-grid.has-rc-m {
		display: grid !important;
		grid-template-columns: repeat(var(--rc-m), minmax(0, 1fr)) !important;
	}
}

/* ---------- Aperçu dans l'éditeur (selon l'appareil choisi) ---------- */
.rc-preview.wp-block-columns,
.rc-preview.wp-block-group.is-layout-grid {
	display: grid !important;
	grid-template-columns: repeat(var(--rc-current), minmax(0, 1fr)) !important;
}

.rc-preview.wp-block-columns > .wp-block-column {
	min-width: 0;
	flex-basis: auto !important;
	width: auto !important;
}

/* Bouton "Ajouter un bloc" de l'éditeur : occupe toute la ligne */
.rc-preview > .block-list-appender {
	grid-column: 1 / -1;
}