/**
 * Page « E4Y Hub » — section « Consortium pilote ».
 *
 * Figma : trois bulles de 384 px, gouttière 43 px, empan de 102 à 1337.
 * Les bulles portent leurs propres proportions (voir bulle.css) : cette
 * feuille ne gère que leur disposition.
 *
 * Emplacement : assets/css/components/hub-consortium.css
 */

/* Marge basse courte : c'est là que se referme la zone crème, dont l'ellipse
   Figma descend à 2192 — soit une trentaine de pixels sous le bouton. */
.hub-consortium {
	padding-block-start: var(--section-gap);
	padding-block-end: var(--space-6);
}

.hub-consortium__carousel {
	margin-block-start: var(--space-2);   /* la rangée de flèches suit */
	text-align: start;
}

/* Gouttière plus large que celle du carousel par défaut : Figma laisse 43 px
   entre des bulles de 384, contre 24 px entre les cartes du consortium.
   Une seule variable à surcharger, la largeur des colonnes suit. */
.hub-consortium__carousel .carousel__piste {
	--carousel-gap: var(--space-6);
}

.hub-consortium__actions {
	display: flex;
	justify-content: center;
	margin-block-start: var(--space-7);
}


/* ============================================================
   Mobile — même rythme que le consortium de l'accueil
   ============================================================ */

@media (max-width: 767px) {

	/* Les 8 px du socle ne servaient qu'à décoller la piste de la rangée de
	   flèches, qui passe sous les bulles en mobile. */
	/* L'écart de section est un relevé desktop : sur un écran de 402, il
	   ouvrait 145 px entre l'anneau de l'introduction et le titre. */
	.hub-consortium {
		padding-block-start: var(--space-6);
	}

	.hub-consortium__carousel {
		margin-block-start: var(--space-7);
	}

	/* C'est la bulle qui se resserre, et non l'élément de piste : plafonné,
	   celui-ci cesse d'être étiré par la grille et se cale au bord gauche de
	   sa colonne. La colonne garde toute la largeur, puisque c'est elle qui
	   règle le pas du défilement. */
	.hub-consortium .bulle {
		max-width: 280px;
		margin-inline: auto;
	}

	.hub-consortium__actions {
		margin-block-start: var(--space-6);
	}

	.hub-consortium__actions .btn {
		gap: var(--space-5);
		justify-content: space-between;
		width: 100%;
		max-width: 280px;
		line-height: var(--lh-heading);
		text-align: start;
		white-space: normal;
	}

}