/* ===== MENU MOBILE — burger plein écran (MelasAI) ===== */
/* burger masqué en desktop */
.nav-burger{display:none}

@media(max-width:1200px){
  /* nav desktop masquée, burger prend le relais (tablette + petit laptop) */
  #nav .nav-links, nav .nav-links{display:none!important}
  /* CTA de la navbar déplacé dans le panneau */
  #nav .nav-cta, nav .nav-cta{display:none}

  .nav-burger{
    display:flex;flex-direction:column;justify-content:center;gap:5px;
    position:fixed;top:.85rem;right:1.1rem;z-index:9999;
    width:46px;height:46px;padding:11px;box-sizing:border-box;
    background:rgba(147,91,255,.14);border:1px solid rgba(147,91,255,.32);
    border-radius:12px;cursor:pointer;transition:background .25s,border-color .25s;
    -webkit-tap-highlight-color:transparent
  }
  .nav-burger span{display:block;height:2px;width:100%;background:var(--white,#fff);border-radius:2px;transition:transform .25s,opacity .2s}
  .nav-burger.active{background:rgba(147,91,255,.24);border-color:rgba(147,91,255,.5)}
  .nav-burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav-burger.active span:nth-child(2){opacity:0}
  .nav-burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}

/* panneau plein écran */
.mobile-menu{
  position:fixed;inset:0;z-index:9990;
  background:rgba(8,6,20,.985);
  -webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);
  display:none;flex-direction:column;
  padding:5.4rem 1.5rem 2.4rem;overflow-y:auto;
  opacity:0;transition:opacity .28s ease
}
.mobile-menu.open{display:flex;opacity:1}
@media(min-width:1201px){ .mobile-menu{display:none!important} }

.mm-links{list-style:none;display:flex;flex-direction:column;gap:.1rem;max-width:460px;margin:0 auto;width:100%}
.mm-links li{margin:0}
.mm-links a{display:block;color:var(--white,#fff);text-decoration:none;font-family:'Playfair Display',serif;font-size:1.5rem;line-height:1.2;padding:.72rem .4rem;border-bottom:1px solid rgba(255,255,255,.06)}
.mm-links a:active{color:var(--violet,#7c3aed)}
.mm-sec-label{display:block;color:rgba(147,91,255,.75);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;padding:1.1rem .4rem .35rem}
.mm-sub a{font-family:'Inter',sans-serif;font-size:1.1rem;color:var(--muted,#9aa0b4);padding:.5rem .4rem .5rem 1.4rem;border-bottom:1px solid rgba(255,255,255,.04)}

/* numéro — cible tactile généreuse */
.mm-phone{
  display:flex;align-items:center;justify-content:center;gap:.55rem;
  margin:1.9rem auto 0;max-width:460px;width:100%;box-sizing:border-box;
  padding:1.15rem 1rem;border-radius:16px;
  background:rgba(147,91,255,.13);border:1px solid rgba(147,91,255,.32);
  color:var(--white,#fff);text-decoration:none;font-size:1.5rem;font-weight:700;
  -webkit-tap-highlight-color:transparent
}
.mm-phone:active{background:rgba(147,91,255,.22)}

/* CTA diagnostic */
.mm-cta{
  display:block;text-align:center;margin:.9rem auto 0;max-width:460px;width:100%;box-sizing:border-box;
  padding:1.15rem 1rem;border-radius:16px;
  background:var(--violet,#7c3aed);color:#fff;text-decoration:none;font-weight:600;font-size:1.06rem;
  -webkit-tap-highlight-color:transparent
}

/* fond figé + chatbot masqué quand le menu est ouvert */
body.menu-open{overflow:hidden}
body.menu-open .cb{display:none}