/* Menu flottant (le rond en bas à droite + ses items qui se déploient),
   identique sur absolument toutes les pages publiques — dupliqué en inline
   <style> jusqu'ici, ce qui veut dire que chaque page le re-téléchargeait
   et le re-parsait pour rien. Extrait ici : chargé une fois, mis en cache
   par le navigateur pour toutes les pages suivantes.
   Le rond lui-même (contour tournant, effets survol/appui, bulle "Menu"
   sur mobile) est habillé par-dessus par assets/nav-accent.js, injecté en
   plus de ce fichier, pas à sa place. */
.fm-wrap{position:fixed; bottom:28px; right:28px; z-index:200; display:flex; flex-direction:column; align-items:flex-end; gap:12px;}
.fm-item{
  display:flex; align-items:center; gap:10px; background:var(--olive-deep,#262E1B); border:1px solid rgba(249,243,235,.18);
  padding:10px 16px 10px 12px; border-radius:999px; opacity:0; transform:translateY(10px) scale(.92);
  transition:opacity .3s cubic-bezier(.2,.7,.2,1), transform .3s cubic-bezier(.2,.7,.2,1);
  pointer-events:none; white-space:nowrap; box-shadow:0 8px 24px rgba(0,0,0,.28);
}
.fm-wrap.open .fm-item{opacity:1; transform:translateY(0) scale(1); pointer-events:auto;}
.fm-item span.fm-icon{width:18px; height:18px; display:flex; align-items:center; justify-content:center; flex:0 0 auto;}
.fm-item span.fm-icon svg{width:16px; height:16px;}
.fm-item .fm-label{font-family:'Inter',sans-serif; font-size:12.5px; letter-spacing:.03em; color:var(--cream,#F9F3EB); text-decoration:none;}

.fm-toggle{
  width:56px; height:56px; border-radius:50%; background:var(--olive,#3C4429); border:1px solid rgba(249,243,235,.25);
  display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 10px 28px rgba(0,0,0,.35);
  position:relative;
}
.fm-toggle svg{width:24px; height:24px; transition:opacity .2s ease, transform .3s ease;}
.fm-toggle .fm-leaf{opacity:1; transform:rotate(0deg);}
.fm-toggle .fm-close{opacity:0; position:absolute; transform:rotate(-45deg);}
.fm-wrap.open .fm-toggle .fm-leaf{opacity:0; transform:rotate(45deg);}
.fm-wrap.open .fm-toggle .fm-close{opacity:1; transform:rotate(0deg);}

@media (prefers-reduced-motion: reduce){
  .fm-item{transition:opacity .01s;}
  .fm-toggle svg{transition:none;}
}
@media (max-width:640px){
  .fm-wrap{bottom:20px; right:16px;}
}