/* Didatec — bloc « points forts ».
   Chargé uniquement quand le bloc est présent (enqueue_style ACF). */

/* Figma 12106:35556 : titre centré, trois colonnes sur deux rangées. */

/* La maquette respire plus que le rythme de section commun : 112px de haut et
   de bas, 64px sous le titre. */
.strengths.section {
	padding-block: clamp(56px, calc(56px + 56 * (100vw - 600px) / 520), 112px);
}

.strengths__title {
	margin-block-end: clamp(48px, calc(48px + 16 * (100vw - 600px) / 520), 64px);
	font-size: var(--wp--preset--font-size--h-2);
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: -0.04em;
	text-align: center;
}

.strengths__list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	/* Figma 12106:35558 : 40px entre les rangées, 72px entre les colonnes. */
	gap: 40px 72px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.strengths__item {
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
}

.strengths__item-title {
	font-size: var(--wp--preset--font-size--h-3);
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -0.02em;
	color: var(--wp--preset--color--blue);
}

.strengths__item-text {
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.3;
	letter-spacing: -0.01em;
	color: var(--wp--preset--color--black-80);
}

/* Mobile — Figma 12106:35711 : une carte à la fois, puces sous la rangée. */
@media (max-width: 1023px) {
	.strengths__list {
		display: flex;
		gap: 16px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}

	.strengths__list::-webkit-scrollbar { display: none; }

	.strengths__item {
		flex: 0 0 100%;
		scroll-snap-align: start;
	}
}