/*
 * Section « Six expertises » Elementor V4 — résidu CSS.
 * Carte générique (mist-v4-card) réutilisable + 6 masques d'icônes métiers.
 * (Le socle icon-box : base ::before, position:static, padding:0 et overrides
 *  de couleur composés vivent déjà dans mist-home-offres.css, chargé avant.)
 */

/* Carte générique : lumière haute + micro-interaction (comme .card de la démo). */
.mist-v4-card {
	background-image: linear-gradient(180deg, #ffffff 0%, #fbfbfe 100%);
	transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s;
}

.mist-v4-card::before {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 1px;
	border-radius: 30px 30px 0 0;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent);
}

.mist-v4-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 4px 12px -4px rgba(31, 36, 68, 0.10), 0 20px 48px -18px rgba(62, 73, 130, 0.24);
}

@media (prefers-reduced-motion: reduce) {
	.mist-v4-card {
		transition: none;
	}
	.mist-v4-card:hover {
		transform: none;
	}
}