/* =========================================================
   Méga-menu : liens à gauche, visuel de la page survolée
   à droite (images = image à la une de chaque page)
   ========================================================= */

/* Un SEUL panneau à la fois : le JS d'Elementor (smartmenus) pose des
   display:block en style inline qu'il ne retire pas toujours → on
   reprend la main : fermé par défaut, ouvert UNIQUEMENT au survol.
   (Un !important CSS l'emporte sur un style inline non-important.) */
.cq-menu .elementor-nav-menu--main .sub-menu{display:none!important}
.cq-menu .elementor-nav-menu--main li.menu-item-has-children:hover > .sub-menu,
.cq-menu .elementor-nav-menu--main li.menu-item-has-children:focus-within > .sub-menu{display:block!important}

.cq-menu .elementor-nav-menu--main li.menu-item-has-children:hover > .sub-menu.cq-mega,
.cq-menu .elementor-nav-menu--main li.menu-item-has-children:focus-within > .sub-menu.cq-mega{
  display:grid!important;
}
.cq-menu .elementor-nav-menu--main .sub-menu.cq-mega{
  grid-template-columns:252px 300px;
  grid-auto-rows:min-content;
  min-width:0!important;width:auto;
  padding:10px 10px 10px 6px;
}
.cq-mega > li:not(.cq-mega__visuel){grid-column:1}
.cq-mega > li.cq-mega__visuel{
  grid-column:2;grid-row:1/span 12;
  position:relative;margin-left:8px;border-radius:10px;overflow:hidden;
  min-height:250px;background:#EDEFF0;
}
.cq-mega__visuel img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;transform:scale(1.05);
  transition:opacity .4s ease,transform .6s cubic-bezier(.22,1,.36,1);
}
.cq-mega__visuel img.est-actif{opacity:1;transform:scale(1)}
@media(max-width:1024px){
  .cq-menu .elementor-nav-menu--main .sub-menu.cq-mega{display:block!important}
  .cq-mega > li.cq-mega__visuel{display:none}
}