/* ================================================================
   ADN page (page ID 87)
   ================================================================ */

.split-section__text {
	padding-left: 0;
}

.values-grid-custom--icon-grid-dark .values-grid-custom__grid {
	max-width: calc(300px + (1400 - 300) * ((100vw - 320px) / (1920 - 320)));
}

/* ── Engagements / certifications (layout image-cards uniquement)
   Remplace le fond plat par un gradient, cartes blanches avec logo contain.
   ─────────────────────────────────────────────────────────────────────── */

/* Gradient plein-largeur */
.values-grid-custom--image-cards {
	background: linear-gradient(160deg, #0c3a4e 0%, #07101e 100%);
}

/* Description visible sur fond sombre */
.values-grid-custom--image-cards .section-heading__description {
	color: rgba(255, 255, 255, 0.7);
	opacity: 1;
}

/* Grille 4 colonnes — écrase le flex desktop du CSS de base */
.values-grid-custom--image-cards .values-grid-custom__grid {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	max-width: 800px !important;
	flex-direction: unset;
	gap: 16px;
}

/* Card logo blanche */
.values-grid-custom--image-cards .values-grid-custom__card {
	background: #fff;
	border-radius: 8px;
	width: auto;
	min-height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 16px;
	overflow: hidden;
}

/* Logo : statique + contain (pas de cover absolu) */
.values-grid-custom--image-cards .values-grid-custom__card-img {
	position: static;
	inset: unset;
	width: 100%;
	height: 70px;
	object-fit: contain;
	flex-shrink: 0;
	transition: none;
}

.values-grid-custom--image-cards .values-grid-custom__card:hover .values-grid-custom__card-img {
	transform: none;
}

/* Masque l'overlay titre */
.values-grid-custom--image-cards .values-grid-custom__card-body {
	display: none;
}

/* Responsive */
@media (max-width: 640px) {
	.values-grid-custom--image-cards .values-grid-custom__grid {
		grid-template-columns: repeat(2, 1fr) !important;
		max-width: none !important;
	}
}
