/* ══ MENU MOBILE v2.2 : sobre et premium ══
   La barre reste au-dessus du menu ouvert : le logo ne disparait jamais et
   le burger devient le X, a sa place. Les liens sont plus fins et plus
   petits, les fleches discretes, le bouton d'appel compact. */
body.menu-open .nav{z-index:122;background:rgba(8,10,14,.98);border-bottom-color:rgba(214,224,240,.08);-webkit-backdrop-filter:none;backdrop-filter:none}
body.menu-open .nav-tel{opacity:0;pointer-events:none;transition:opacity .25s}
.mn-close{display:none!important}
.mnav{justify-content:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch;
  padding:calc(var(--nav-h) + clamp(22px,6vh,52px)) 8vw calc(30px + env(safe-area-inset-bottom))}
.mn-link{font-weight:500;font-size:clamp(1.3rem,5.4vw,1.65rem);letter-spacing:.1em;line-height:1;padding:17px 2px 15px;
  color:rgba(238,242,248,.92);border-bottom:1px solid rgba(214,224,240,.08)}
.mn-link:first-of-type{border-top:1px solid rgba(214,224,240,.08)}
.mn-link svg{width:15px;height:15px;color:rgba(169,179,196,.55);transition:transform .25s var(--ease),color .2s}
.mn-link:active,.mn-link:hover{color:#fff}
.mn-link:active svg,.mn-link:hover svg{color:var(--blue-hi);transform:translateX(4px)}
.mn-cta{margin-top:28px;padding:12px 16px;gap:12px;border-radius:11px;justify-content:center;
  box-shadow:0 2px 0 #1B3C86,0 8px 20px -12px rgba(46,107,255,.55),inset 0 1px 0 rgba(255,255,255,.2)}
.mn-cta svg{width:19px;height:19px}
.mn-cta-stack{gap:3px}
.mn-cta-sub{font-size:10px;letter-spacing:.2em}
.mn-cta-num{font-size:19px;letter-spacing:.04em}
.mn-soc{margin-top:22px;gap:12px}
.mn-soc a{width:42px;height:42px;border-radius:11px}
.mn-soc a svg{width:19px;height:19px}
.mn-tag{margin-top:18px;font-size:11px;letter-spacing:.24em}
/* telephone : une barre plus mince (56 px au lieu de 66) */
@media(max-width:760px){
  :root{--nav-h:56px}
  .brand{gap:10px}
  .brand-logo{height:34px}
  .brand-txt{transform:translateY(3px)}
  .brand-txt b{font-size:15px}
  .brand-txt span{font-size:9.5px;margin-top:3px}
  .nav-tel,.burger{width:38px;height:38px}
  .nav-tel svg{width:18px;height:18px}
}
