/* Menu en panneau (bouton à trois traits en haut à gauche), commun aux pages publiques hors niveaux */
.entete{position:sticky;top:0;z-index:60;max-width:none;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;background:rgba(242,238,235,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--ligne)}
.entete-haut{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;min-height:48px;max-width:1040px;margin:0 auto}
.marque{margin:0 auto 0 0}
.js .compte #b-out,.compte .salut{display:none}
.compte .pill.plein{min-height:44px;padding:0 16px;font-size:14px;font-weight:500;white-space:nowrap}

/* Bouton hamburger, en haut à gauche */
.burger{display:none;flex:none;width:48px;height:48px;border-radius:14px;border:1px solid var(--ligne);background:var(--papier);align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0;order:-1}
.js .burger{display:flex}
.burger i{display:block;width:22px;height:2.5px;border-radius:2px;background:var(--texte);transition:transform .3s ease,opacity .2s ease}
.burger[aria-expanded="true"] i:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.burger[aria-expanded="true"] i:nth-child(2){opacity:0}
.burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* Menu : panneau qui glisse depuis la gauche */
.js .menu{position:fixed;top:0;left:0;bottom:0;z-index:90;width:min(320px,84vw);margin:0;padding:calc(76px + env(safe-area-inset-top)) 16px 24px;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;gap:4px;background:var(--fond);border:0;box-shadow:12px 0 40px rgba(74,52,38,.2);overflow-y:auto;transform:translateX(-105%);visibility:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s .35s}
.js .menu.ouvert{transform:none;visibility:visible;transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s}
.js .menu a{min-height:52px;padding:0 16px;border-radius:14px;font-size:17px;justify-content:flex-start}
.js .menu a:hover{background:var(--carte)}
.menu-titre{display:none}
.js .menu-titre{display:block;position:absolute;top:calc(14px + env(safe-area-inset-top));left:20px;font-family:var(--rond);font-size:21px;line-height:1.2}
.js .menu a[aria-current=page]{background:var(--texte);color:var(--fond)}
.menu-voile{position:fixed;inset:0;z-index:80;background:rgba(74,52,38,.45);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s .3s}
.menu-voile.ouvert{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s}
body.menu-ouvert{overflow:hidden}

.menu-out{display:none}
.js .menu .menu-out.visible{display:flex;align-items:center;min-height:52px;padding:0 16px;margin-top:10px;border:1px solid var(--ligne);border-radius:14px;background:var(--papier);font:inherit;font-size:17px;color:var(--doux);text-align:left;cursor:pointer}