/* Menu principal : trois logiciels, Produits, « Qui sommes-nous » avec son sous-menu, Blog */
.nav-deroulant{position:relative;display:inline-flex;align-items:center}
.nav-deroulant > a::after{content:"";display:inline-block;width:6px;height:6px;margin-left:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.7}
.nav-sous{position:absolute;top:100%;left:50%;transform:translate(-50%,6px);min-width:220px;padding:8px;border-radius:16px;background:#1b1b1d;border:1px solid #2c2c2f;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);display:grid;gap:2px;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s;z-index:50}
.nav-sous::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}  /* pont invisible : le survol ne se perd pas */
.nav-deroulant:hover .nav-sous,.nav-deroulant:focus-within .nav-sous{opacity:1;visibility:visible;transform:translate(-50%,10px)}
.nav-sous a{display:block;padding:10px 14px;border-radius:10px;white-space:nowrap;font-size:15px}
.nav-sous a:hover,.nav-sous a[aria-current]{background:#2a2a2d}
.menu-mobile .menu-groupe{display:block;margin-top:6px;padding:10px 0 2px;font:600 12px var(--texte);letter-spacing:.12em;text-transform:uppercase;color:var(--gris-clair)}

/* pied de page : le logo ADAKA by Honoré sous la signature Honoré */
.pied-adaka{display:inline-block;margin-top:22px;opacity:.85;transition:opacity .2s}
.pied-adaka:hover{opacity:1}
.pied-adaka img{display:block;width:150px;height:auto}

/* écrans moyens : 7 entrées tiennent sur une ligne */
@media (max-width:1240px){
  .nav-liens{gap:16px!important}
  .nav-liens a{font-size:14.5px}
  .nav-deroulant > a::after{margin-left:5px}
}

/* menu du téléphone : Produits et Qui sommes-nous se déplient au toucher.
   Repère : le petit rectangle jaune penché de l'accent du logo Honoré. */
.menu-mobile .menu-groupe{display:none}
.menu-plie{border-bottom:1px solid #24242a}
.menu-plie summary{list-style:none;cursor:pointer;padding:14px 0;font:700 22px/1.2 var(--titre);color:#fff;display:flex;align-items:center;justify-content:space-between}
.menu-plie summary::-webkit-details-marker{display:none}
/* l'accent penché du logo : il se redresse quand le sous-menu s'ouvre */
.menu-plie summary::after{content:"";width:5px;height:16px;margin-right:6px;background:var(--jaune);border-radius:1px;transform:skewX(-34deg);transition:transform .25s ease}
.menu-plie[open] summary::after{transform:skewX(0) rotate(90deg)}
.menu-plie > div{display:flex;flex-direction:column;padding:0 0 12px 4px}
.menu-mobile .menu-plie a{display:flex;align-items:center;gap:12px;padding:10px 0;font:600 17px/1.2 var(--titre);color:#dcdce0;border-bottom:0}
.menu-mobile .menu-plie a::before{content:"";flex:none;width:3px;height:11px;background:var(--jaune);border-radius:1px;transform:skewX(-34deg)}
.menu-mobile .menu-plie a:active{color:#fff}

/* En-tête : l'abeille dessine le logo (logo-vol.js) */
.nav .logo{position:relative}
.logo.logo-vol .logo-e::after{transform:scale(0)}   /* même point de pivot qu'au repos : l'accent ne bouge pas à la fin */
.logo.logo-vol-pose .logo-e::after{transform:scale(1);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.logo-vol-fil{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.logo-vol-fil path{fill:none;stroke:var(--jaune);stroke-width:2.4;stroke-linecap:round;opacity:.95;transition:opacity .45s ease}
.logo-vol-pose .logo-vol-fil path{opacity:0}
.logo-vol-fil path.logo-vol-chemin{stroke:none}
.logo-vol-abeille{position:absolute;left:0;top:0;width:30px;height:auto;pointer-events:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5));will-change:transform}