/* Stats — bandeau sombre comme React StatsSection */
.essik-stats-section { padding: 4rem 1.25rem; background: linear-gradient(to right, #090B0E, #0F1218, #090B0E); color: #fff; }
.essik-stats-grid { max-width: 80rem; margin: 0 auto; display: grid; gap: 1.5rem; grid-template-columns: repeat(2, 1fr); }
@media (min-width: 768px) { .essik-stats-grid { grid-template-columns: repeat(4, 1fr); } }
.essik-stat-card { padding: 1.5rem; border-radius: 1rem; background: rgba(18,22,31,.6); border: 1px solid rgba(51,65,85,.8); text-align: center; }
.essik-stat-card:hover { border-color: var(--essik-stat-card-hover-border, rgba(255,85,0,.5)); }
.essik-stat-card:hover .essik-stat-icon { background: var(--essik-stat-icon-hover-bg, #FF5500); color: var(--essik-stat-icon-hover-color, #fff); }
.essik-stat-card:hover .essik-stat-value { color: var(--essik-stat-value-hover-color, #FF5500); }
.essik-stat-icon { width: 2.5rem; height: 2.5rem; margin: 0 auto .75rem; border-radius: .75rem; background: rgba(255,85,0,.1); color: #FF5500; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; }
/* Icônes FontAwesome d'Elementor : le SVG utilise fill (pas color) → currentColor = orange React. */
.essik-stat-icon svg.e-font-icon-svg { fill: currentColor; width: 1.35em; height: 1.35em; display: block; }
.essik-stat-icon .essik-lucide { stroke: currentColor; }
.essik-stat-value { font-size: 1.875rem; font-weight: 900; color: #FF5500; }
.essik-stat-label { font-size: .875rem; font-weight: 700; color: #e2e8f0; margin-top: .25rem; }
.essik-stat-detail { font-size: .7rem; color: #94a3b8; margin-top: .25rem; }