/* =========================================================
   8ᵉ vague — en-tête : hauteur réduite, survol du menu
   sans déplacement, sous-menus animés en glissement
   ========================================================= */

/* --- Menu : padding IDENTIQUE au repos et au survol
       (un style d'Elementor Pro passait 10/13 → 13/20 et
       poussait tous les voisins → effet de clignotement) --- */
.cq-menu .elementor-nav-menu > li > a,
.cq-menu .elementor-nav-menu > li > a:hover,
.cq-menu .elementor-nav-menu > li > a:focus,
.cq-menu .elementor-nav-menu > li.current-menu-item > a{
  padding:10px 13px!important;
}

/* --- Menu principal : PAS de fond au survol, juste la couleur --- */
.cq-menu .elementor-nav-menu > li > a:hover,
.cq-menu .elementor-nav-menu > li > a:focus{
  background:transparent!important;color:#006BCA!important;
}

/* --- Logo → barre à 65 px --- */
.elementor-element-cqlogo{width:auto!important;flex-shrink:0!important}
.elementor-element-cqlogo img{max-height:52px!important;width:auto!important}
.cq-navpill{padding-top:6.5px!important;padding-bottom:6.5px!important}
@media(max-width:767px){.elementor-element-cqlogo img{max-height:40px!important}}

/* --- Sous-menus : ouverture au survol en CSS pur (fiable) +
       GLISSEMENT à l'ouverture. Le passage display none→block
       fait rejouer l'animation à chaque ouverture. --- */
.cq-menu .elementor-nav-menu--main li.menu-item-has-children{position:relative}
.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 .sub-menu{
  position:absolute;left:0;top:100%;margin-top:12px;min-width:250px;
  background:#fff;border-radius:14px;overflow:hidden;
  box-shadow:0 22px 48px -26px rgba(29,29,27,.55);
  animation:cq-sous-menu .38s cubic-bezier(.22,1,.36,1);
  transform-origin:top center;z-index:20;
}
@keyframes cq-sous-menu{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:translateY(0)}
}
/* pont invisible : le survol ne se perd pas entre l'entrée et le panneau
   (border:0 impératif — un style Elementor sur li::after posait un
   border-left de 2px = trait noir visible) */
.cq-menu .elementor-nav-menu--main li.menu-item-has-children:hover::after{
  content:"";position:absolute;left:0;right:0;top:100%;height:14px;
  background:transparent!important;border:0!important;width:auto!important;
}
.cq-menu .elementor-nav-menu--main .sub-menu li{display:block}
.cq-menu .elementor-nav-menu--main .sub-menu a{
  display:block;font-family:Roboto,sans-serif;font-size:14px;color:#2A4854!important;
  padding:11px 18px;background:transparent;
  transition:background .2s,color .2s,padding-left .25s;
}
.cq-menu .elementor-nav-menu--main .sub-menu a:hover{
  background:rgba(42,72,84,.06);color:#006BCA!important;padding-left:25px;
}