/* ── Menu mobile partagé (burger + overlay plein écran) ───────────────────
   Source unique pour la landing + les pages publiques (offres, cgv, mentions,
   politique). Repris du menu de la landing (style mamaseo, dark/gold).
   Fallbacks de couleurs pour fonctionner même si la page ne définit pas la var. */

.nav-burger{display:none;}
@media (max-width:840px){
  .nav-cta{display:none;}
  .nav-burger{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:44px;height:44px;border-radius:11px;border:1px solid rgba(201,168,76,0.3);background:rgba(201,168,76,0.07);cursor:pointer;padding:0;}
  .nav-burger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--gold,#C9A84C);}
}

/* Fermé = display:none -> aucun debordement du fixed (pas besoin de clipper html,
   ce qui casserait le sticky du header). Anims en keyframes (marchent depuis none). */
.mobile-menu{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:300;background:rgba(5,7,10,0.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}
.mobile-menu.open{display:block;animation:mmFadeIn .22s ease;}
@keyframes mmFadeIn{from{opacity:0}to{opacity:1}}
.mm-panel{position:absolute;top:10px;left:12px;right:12px;display:flex;flex-direction:column;background:#11161d;border:1px solid rgba(201,168,76,0.18);border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,0.55);padding:14px 18px 18px;}
.mobile-menu.open .mm-panel{animation:mmSlideDown .26s ease;}
@keyframes mmSlideDown{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
.mm-top{display:flex;align-items:center;justify-content:space-between;}
.mm-top .brand img{width:118px;height:auto;display:block;}
.mm-close{width:44px;height:44px;border-radius:50%;border:1px solid rgba(201,168,76,0.3);background:transparent;color:var(--gold,#C9A84C);font-size:1.5rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;}
.mm-links{display:flex;flex-direction:column;margin-top:18px;}
.mm-links a{padding:16px 4px;font-size:1.08rem;font-weight:600;color:var(--ivoire,#F4EFE3);border-bottom:1px solid rgba(255,255,255,0.06);transition:color .15s;text-decoration:none;}
.mm-links a:hover{color:var(--gold,#C9A84C);}
.mm-cta{margin-top:22px;display:block;text-align:center;background:var(--gold,#C9A84C);color:#0d1117;font-weight:700;letter-spacing:0.02em;border-radius:12px;padding:17px;font-size:0.98rem;text-decoration:none;}
.mm-cta:hover{background:#d4b260;}