/* =========================================================
   6ᵉ vague — en-tête sur une ligne, fond uniforme,
   boutons SANS fusion (deux éléments séparés en permanence)
   ========================================================= */

/* --- Fond de page : plus de bande blanche derrière la barre de nav --- */
body{background:#FBFAF7!important}

/* --- Menu : une seule ligne.
       Les conteneurs Elementor font 100 % par défaut et se compriment
       entre eux → largeurs au contenu + interdiction de replier. --- */
.elementor-element-cqmenubloc,
.elementor-element-cqactions{width:auto!important;flex-shrink:0!important;flex-grow:0!important}
.elementor-element-cqlogo{flex-shrink:0!important}
.cq-menu .elementor-nav-menu{flex-wrap:nowrap!important}
.cq-menu .elementor-nav-menu > li{white-space:nowrap}
.cq-menu .elementor-nav-menu > li > a{padding:10px 13px;font-size:14.5px}
@media(max-width:1360px){
  .cq-menu .elementor-nav-menu > li > a{padding:9px 10px;font-size:13.5px}
}

/* =========================================================
   Boutons v3 — PAS d'animation de fusion.
   Pilule et cercle restent deux éléments séparés de 8 px,
   au repos comme au survol (fidèle à la maquette).
   (Le gap est écrasé à 0 par le CSS généré d'Elementor
   via icon_indent → on le force.)
   Survol : simple assombrissement + flèche qui glisse.
   ========================================================= */
.cq-btn .elementor-button-content-wrapper{gap:8px!important}
.cq-btn .elementor-button-text::after{content:none!important;display:none!important}
.cq-btn:hover .elementor-button-text{
  padding-right:26px!important;margin-right:0!important;border-radius:999px!important;
}
.cq-btn--sm:hover .elementor-button-text{padding-right:18px!important}
.cq-btn--ghost:hover .elementor-button-text{padding:0!important}
.cq-btn--ghost .elementor-button-content-wrapper{gap:14px!important}
.cq-btn--ghost.cq-btn--sm .elementor-button-content-wrapper{gap:11px!important}

.cq-btn:not(.cq-btn--ghost) .elementor-button-text,
.cq-btn:not(.cq-btn--ghost) .elementor-button-icon{transition:filter .25s}
.cq-btn:not(.cq-btn--ghost):hover .elementor-button-text,
.cq-btn:not(.cq-btn--ghost):hover .elementor-button-icon{filter:brightness(.9)}

.cq-btn .elementor-button-icon svg{transition:transform .3s cubic-bezier(.22,1,.36,1)}
.cq-btn:hover .elementor-button-icon svg{transform:translateX(3px)}

/* Bouton flottant : même comportement */
.cq-flottant{gap:8px}
.cq-flottant__t,.cq-flottant__i{transition:filter .25s}
.cq-flottant:hover .cq-flottant__t,.cq-flottant:hover .cq-flottant__i{filter:brightness(.9)}