/* =========================================================
   LOGMIS — Cartes "features" (Simple / Efficace / Économique / Fiable)
   Survol : la carte prend sa couleur, l'icône passe sur fond blanc,
   titre + texte passent en blanc.
   Classes Elementor (onglet Avancé → CSS Classes) :
     - Container carte  : "bloc-feature" + une couleur (bloc-vert / bloc-indigo / bloc-magenta / bloc-fonce)
     - Container image  : "bloc-img"
     - Inclinaison 3D   : "bloc-tilt" (optionnel)
     - Titre / Texte    : ciblés automatiquement (aucune classe à poser)
   ========================================================= */
.bloc-feature,
.bloc-feature .bloc-img,
.bloc-feature .elementor-heading-title,
.bloc-feature .elementor-widget-text-editor,
.bloc-feature .elementor-icon,
.bloc-feature .elementor-icon svg,
.bloc-feature .elementor-icon i {
	transition: background-color 0.25s ease, color 0.25s ease, fill 0.25s ease;
}

.bloc-feature:hover { background-color: var(--bloc-color) !important; }
.bloc-feature:hover .bloc-img,
.bloc-feature:hover .bloc-img > .e-con-inner {
	--e-con-bg-color: #fff !important; /* Elementor 4.x applique le fond via cette variable */
	background-color: #fff !important;
	background-image: none !important;
}
.bloc-feature:hover .elementor-widget-heading,
.bloc-feature:hover .elementor-widget-heading *,
.bloc-feature:hover .elementor-widget-text-editor,
.bloc-feature:hover .elementor-widget-text-editor * { color: #fff !important; }

/* Icônes (glyphes carrés à couleur custom) : passent aussi en blanc au survol.
   color = icônes police ; fill = icônes SVG. Automatique, aucune classe à poser. */
.bloc-feature:hover .elementor-icon,
.bloc-feature:hover .elementor-icon i,
.bloc-feature:hover .elementor-icon svg {
	color: #fff !important;
	fill: #fff !important;
}

/* Couleur du bloc (réutilisable, par couleur) — branchée sur la charte Elementor */
.bloc-vert    { --bloc-color: var(--e-global-color-accent, #00c86e); }
.bloc-indigo  { --bloc-color: var(--e-global-color-primary, #4646ff); }
.bloc-magenta { --bloc-color: var(--e-global-color-secondary, #e10078); }
.bloc-fonce   { --bloc-color: #283742; }

/* Inclinaison 3D au suivi de la souris — OPT-IN par classe "bloc-tilt".
   Le transform est piloté en JS par vanilla-tilt (cf. assets/js/tilt-init.js).
   overflow:hidden = clippe le reflet (glare) aux coins de la carte. */
.bloc-tilt {
	transform-style: preserve-3d;
	overflow: hidden;
	transition: box-shadow 0.3s ease;
}
.bloc-tilt:hover {
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
}