/* Il menu sul telefono del cliente (pagina m/ e anteprima dell'editor) */
.menu-cliente { max-width: 640px; margin: 0 auto; background: var(--fondo); min-height: 100%; }
.menu-cliente .testata { padding: 1.6em 1.2em 1em; text-align: center; background: var(--carta); border-bottom: 1px solid var(--bordo); }
.menu-cliente .testata h1 { font-size: 1.7em; margin: 0; letter-spacing: -.01em; }
.menu-cliente .testata p { margin: .2em 0 0; color: var(--tenue); }
.menu-cliente .comandi { position: sticky; top: 0; z-index: 5; background: rgba(247,245,240,.96); backdrop-filter: blur(6px); padding: .6em 1em; display: flex; gap: .4em; flex-wrap: wrap; border-bottom: 1px solid var(--bordo); }
.menu-cliente .comandi button { white-space: nowrap; font-size: .9em; padding: .4em .9em; }
.menu-cliente .comandi button.attivo { background: var(--accento); color: #fff; border-color: var(--accento); }
.menu-cliente .filtro { padding: 1em; background: var(--carta); border-bottom: 1px solid var(--bordo); }
.menu-cliente .filtro p { margin: 0 0 .6em; font-weight: 600; }
.menu-cliente .scelte { display: flex; flex-wrap: wrap; gap: .4em; }
.menu-cliente .scelte button { font-size: .88em; padding: .35em .8em; }
.menu-cliente .scelte button.si { background: var(--rosso); border-color: var(--rosso); color: #fff; }
.menu-cliente .corpo { padding: .4em 1em 2em; }
.menu-cliente .sezione h2 { font-size: 1.15em; text-transform: uppercase; letter-spacing: .08em; color: var(--accento); margin: 1.4em 0 .6em; }
.menu-cliente .piatto { background: var(--carta); border: 1px solid var(--bordo); border-radius: 12px; padding: .8em 1em; margin-bottom: .6em; }
.menu-cliente .piatto-testa { display: flex; justify-content: space-between; gap: 1em; align-items: baseline; }
.menu-cliente .piatto h3 { font-size: 1.02em; margin: 0; }
.menu-cliente .prezzo { font-weight: 700; white-space: nowrap; }
.menu-cliente .descr { margin: .2em 0 0; color: var(--tenue); font-size: .93em; }
.menu-cliente .allergeni { display: flex; flex-wrap: wrap; gap: .3em; margin-top: .5em; }
.menu-cliente .all { font-size: .78em; background: var(--giallo-chiaro); color: #6b4a10; border-radius: 999px; padding: .1em .55em; }
.menu-cliente .all b { font-weight: 800; }
.menu-cliente .tracce { font-size: .8em; color: var(--tenue); margin: .4em 0 0; font-style: italic; }
.menu-cliente .tracce.attenzione { color: var(--rosso); font-style: normal; font-weight: 600; }
.menu-cliente .nascosti { background: var(--rosso-chiaro); color: var(--rosso); padding: .5em .8em; border-radius: 10px; margin: 1em 0 0; font-size: .92em; }
.menu-cliente .nota { text-align: center; color: var(--tenue); margin-top: 1.5em; }
.menu-cliente .legenda { margin-top: 2em; padding-top: 1em; border-top: 1px solid var(--bordo); font-size: .85em; color: var(--tenue); }
.menu-cliente .legenda h4 { margin: 0 0 .4em; color: var(--testo); }
.menu-cliente .legenda ol { list-style: none; padding: 0; margin: 0 0 1em; columns: 2; }
.menu-cliente .legenda li b { display: inline-block; min-width: 1.6em; color: #6b4a10; }
.menu-cliente .marchio { text-align: center; font-weight: 700; color: var(--accento); }
.menu-cliente .vuoto { text-align: center; padding: 4em 1em; color: var(--tenue); }