/* =========================================================================
   HYDREAULYS — couche de compatibilité Elementor (chargée AVANT la feuille de la maquette)
   Les widgets rendent le HTML exact de la maquette ; Elementor ajoute des enveloppes (.elementor-widget…)
   et des conteneurs flex. On les neutralise pour que les règles de la maquette s'appliquent telles quelles.
   Les sélecteurs ont la même spécificité que ceux de la maquette : c'est l'ordre de chargement qui tranche.
   ========================================================================= */

/* Conteneur structurel « bloc » par défaut (les classes de la maquette qui définissent grid/flex gardent la main). */
.e-con:where(.hy-b) { display: block; }
/* Largeur naturelle (Elementor impose width:100% aux conteneurs : les éléments flex ne se rétréciraient plus). */
.e-con.hy-b { width: auto; min-width: auto; flex-wrap: nowrap; }

/* Enveloppes de widgets : transparentes sur le site (les cartes redeviennent de vrais enfants de la grille). */
body:not(.elementor-editor-active) .elementor-widget[class*="elementor-widget-hy-"],
body:not(.elementor-editor-active) .elementor-widget[class*="elementor-widget-hy-"] > .elementor-widget-container { display: contents; }

/* Dans l'éditeur : enveloppes visibles (pour la sélection), sans marges. */
.elementor-widget[class*="elementor-widget-hy-"] { margin: 0; }
.elementor-widget[class*="elementor-widget-hy-"] > .elementor-widget-container { margin: 0; padding: 0; }
