/* Le panneau hors-ecran (transform:translateX) elargit sinon la zone "pannable"
   de la page sur mobile (on peut la faire glisser dans tous les sens). */
html,body{overflow-x:hidden}

.mmj6-toggle{display:none;background:transparent;border:0;cursor:pointer;width:44px;height:44px;padding:8px;align-items:center;justify-content:center;position:fixed;top:12px;right:12px;z-index:10001}
.mmj6-toggle span,.mmj6-toggle span::before,.mmj6-toggle span::after{content:"";display:block;width:100%;height:3px;background:var(--mmj6-text,#fff);border-radius:2px;transition:transform .25s ease,opacity .25s ease}
.mmj6-toggle span{position:relative}
.mmj6-toggle span::before{position:absolute;top:-9px}
.mmj6-toggle span::after{position:absolute;top:9px}
.mmj6-toggle[aria-expanded="true"] span{background:transparent}
.mmj6-toggle[aria-expanded="true"] span::before{transform:translateY(9px) rotate(45deg)}
.mmj6-toggle[aria-expanded="true"] span::after{transform:translateY(-9px) rotate(-45deg)}

.mmj6-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9998;opacity:0;visibility:hidden;transition:opacity .25s ease}
.mmj6-overlay.mmj6-open{opacity:1;visibility:visible}

.mmj6-panel{position:fixed;top:0;bottom:0;width:min(320px,85vw);background:var(--mmj6-bg,#1c1c1c);color:var(--mmj6-text,#fff);z-index:9999;overflow-y:auto;transition:transform .3s ease;padding:1rem 0}
.mmj6-panel.mmj6-left{left:0;transform:translateX(-100%)}
.mmj6-panel.mmj6-right{right:0;transform:translateX(100%)}
.mmj6-panel.mmj6-open{transform:translateX(0)}

.mmj6-panel ul{list-style:none;margin:0;padding:0}
.mmj6-panel li{border-bottom:1px solid rgba(255,255,255,.1)}
.mmj6-panel a{display:block;padding:.85rem 1.25rem;color:var(--mmj6-text,#fff);text-decoration:none}
.mmj6-panel a:hover,.mmj6-panel a:focus{color:var(--mmj6-accent,#e63946)}
.mmj6-panel li.mmj6-current > a{color:var(--mmj6-accent,#e63946);font-weight:600}

.mmj6-item{display:flex;align-items:stretch}
.mmj6-item > a{flex:1}
.mmj6-label{display:block;flex:1;padding:.85rem 1.25rem;font-weight:600;opacity:.75;cursor:default}
.mmj6-caret{background:transparent;border:0;color:inherit;width:48px;flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem}
.mmj6-caret::after{content:"\25BE";display:inline-block;transition:transform .2s ease}
.mmj6-caret[aria-expanded="true"]::after{transform:rotate(180deg)}

.mmj6-panel .mmj6-sub{max-height:0;overflow:hidden;transition:max-height .25s ease;background:rgba(255,255,255,.04)}
.mmj6-panel .mmj6-sub.mmj6-sub-open{max-height:1000px}
.mmj6-panel .mmj6-sub a{padding-left:2.25rem}
.mmj6-panel .mmj6-sub .mmj6-sub a{padding-left:3.25rem}