/* /la-carte/ — la page ou tombe le QR code des tables.
   Elle se lit au telephone, d'une main, sans zoomer. */

.carte-page{background:var(--sand,#faf5ec)}

.carte-hero{
  padding:calc(70px + 2.6rem) 0 2rem;
  background:var(--night);color:var(--ivory)
}
.carte-hero h1{
  margin:.3rem 0 1rem;
  font:600 clamp(2.6rem,8vw,4.4rem)/1 var(--serif);
  color:var(--ivory)
}
.carte-hero .chapter{color:var(--bronze)}
.carte-intro{max-width:46ch;color:rgba(247,243,235,.86);line-height:1.6}
.carte-allergenes{
  max-width:60ch;margin-top:1rem;padding-top:1rem;
  border-top:1px solid rgba(214,178,113,.28);
  font-size:.85rem;line-height:1.55;color:rgba(247,243,235,.62)
}

/* Le bandeau de rubriques suit le lecteur pendant qu'il descend. */
.carte-ancres{
  position:sticky;top:0;z-index:20;
  background:var(--night);
  border-top:1px solid rgba(214,178,113,.22);
  box-shadow:0 10px 24px -18px rgba(0,0,0,.9)
}
.carte-ancres .section-shell{
  display:flex;gap:.45rem;overflow-x:auto;
  padding-top:.7rem;padding-bottom:.7rem;
  scrollbar-width:none;-webkit-overflow-scrolling:touch
}
.carte-ancres .section-shell::-webkit-scrollbar{display:none}
.carte-ancres a{
  flex:0 0 auto;min-height:38px;display:inline-flex;align-items:center;
  padding:.45rem .95rem;border-radius:999px;
  border:1px solid rgba(214,178,113,.4);color:rgba(247,243,235,.82);
  font:700 .7rem/1 var(--sans);letter-spacing:.07em;text-transform:uppercase;
  white-space:nowrap;text-decoration:none
}
.carte-ancres a:hover,.carte-ancres a:focus-visible{
  background:var(--bronze);border-color:var(--bronze);color:var(--night)
}

.carte-corps{padding-top:2.5rem;padding-bottom:4rem}
.carte-page .menu-panel{
  margin-bottom:2rem;padding:clamp(1.2rem,4vw,2.6rem);
  border:1px solid var(--line);border-radius:var(--radius);background:#fff;
  scroll-margin-top:64px
}
.carte-page .menu-panel h2{
  margin:0 0 1.6rem;
  font:600 clamp(1.9rem,5vw,3rem)/1 var(--serif);color:var(--blue)
}

.carte-note{
  max-width:60ch;margin:0 0 1.6rem;
  font-size:.88rem;line-height:1.6;color:rgba(16,35,42,.62)
}
.carte-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:0}

@media(max-width:760px){
  .carte-hero{padding:calc(70px + 1.8rem) 0 1.6rem}
  .carte-corps{padding-top:1.6rem}
  .carte-page .menu-panel{margin-bottom:1.2rem}
  .carte-actions .button{flex:1 1 100%;text-align:center}
}

/* Mention obligatoire des que l'on parle d'alcool (loi Evin). */
.mention-alcool{
  margin:1.2rem 0 0;padding:.7rem .9rem;
  border:1px solid rgba(214,178,113,.42);border-radius:var(--radius);
  font:600 .78rem/1.4 var(--sans);letter-spacing:.02em;
  color:rgba(16,35,42,.72);background:rgba(214,178,113,.07)
}
.carte-hero .mention-alcool{
  display:inline-block;margin:0 0 1.1rem;
  color:rgba(247,243,235,.78);background:rgba(214,178,113,.12)
}