/* Menù di esempio (Bar Esempio): rifatto il 21 ottobre 2026, più caldo e leggibile dal telefono */
:root{--noce:#2a1a10;--noce2:#3b2616;--ambra:#e9a94b;--crema:#f6ecd8;--carta:#fffaf0;--inchiostro:#2b1d11;--bordo:#dccba7;--rosso:#b8401c;
  --serif:"Cormorant Garamond",Georgia,serif;--sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:70px}
body{min-width:320px;margin:0;background:var(--crema);color:var(--inchiostro);font:16px/1.5 var(--sans)}
a{color:inherit}
button,input{font:inherit}
button{cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #9b671c;outline-offset:3px}
[hidden]{display:none!important}
.shell{width:min(720px,100% - 32px);margin-inline:auto}
.skip{position:fixed;z-index:20;top:-70px;left:12px;padding:8px 13px;background:#fff;color:var(--inchiostro)}
.skip:focus{top:8px}

/* striscia della demo */
.demo-bar{background:#140c07;color:#d9c598;font:500 12.5px/1.3 var(--sans)}
.demo-bar .shell{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}
.demo-bar a{display:inline-flex;align-items:center;min-height:44px;color:var(--ambra);font-weight:700;text-decoration:none;white-space:nowrap}

/* insegna del bar */
.insegna{position:relative;overflow:hidden;padding:38px 0 34px;color:var(--crema);text-align:center;
  background:radial-gradient(120% 90% at 50% 0%,#5a3a1f 0%,var(--noce) 60%,#1c110a 100%)}
.insegna::after{content:"";position:absolute;left:50%;bottom:16px;width:64px;height:2px;transform:translateX(-50%);background:var(--ambra);opacity:.7}
.eyebrow{margin:0 0 8px;color:var(--ambra);font:700 12px/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase}
h1,h2,p{margin-top:0}
h1{margin-bottom:10px;font:600 clamp(2.6rem,10vw,4.2rem)/1 var(--serif);letter-spacing:-.01em}
.benvenuto{max-width:34ch;margin:0 auto 10px;font:italic 500 20px/1.35 var(--serif);color:#f1dfbd}
.orari{margin:0 0 6px;font:600 13px var(--sans);letter-spacing:.04em;color:#cdb68c}

/* categorie: restano in vista mentre scorri */
.category-index{position:sticky;z-index:5;top:0;display:flex;gap:8px;overflow-x:auto;margin:0 -16px;padding:12px 16px;background:var(--crema);
  border-bottom:1px solid var(--bordo);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.category-index::-webkit-scrollbar{display:none}
.category-index a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:999px;background:var(--carta);border:1px solid var(--bordo);
  color:var(--inchiostro);text-decoration:none;font:600 14px/1 var(--sans);transition:background .2s,color .2s}
.category-index a:hover,.category-index a:focus-visible{background:var(--noce);color:var(--crema);border-color:var(--noce)}

.allergens{margin:18px 0;padding:12px 14px;border-radius:10px;background:#fff3dc;border:1px dashed #d4a85c;font:14px/1.45 var(--sans);color:#5a4227}

/* sezioni e piatti */
.menu-section{margin:22px 0;padding:22px 20px 10px;border-radius:16px;background:var(--carta);box-shadow:0 1px 0 var(--bordo),0 10px 26px #2b1d1112;scroll-margin-top:70px}
.menu-section h2{display:flex;align-items:center;gap:12px;margin-bottom:6px;font:600 clamp(1.9rem,6vw,2.4rem)/1.1 var(--serif)}
.menu-section h2::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--ambra),transparent)}
.dishes{list-style:none;margin:0;padding:0}
.dish{padding:14px 0;border-bottom:1px solid #efe2c6}
.dish:last-child{border-bottom:0}
.dish-main{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}
.dish-name{font:600 17px/1.3 var(--sans)}
/* puntini fra nome e prezzo, come nei menù di carta */
.dish-main::after{content:"";order:1;flex:1 1 30px;min-width:30px;margin:0 2px;border-bottom:2px dotted #c9b48a;transform:translateY(-4px)}
.dish-price{order:2;flex:none;font:700 18px/1.3 var(--serif);font-variant-numeric:lining-nums tabular-nums;color:var(--rosso)}
.dish-note{margin:4px 0 0;color:#6b5636;font-size:14.5px}
.dish.sold-out .dish-name,.dish.sold-out .dish-price{text-decoration:line-through;opacity:.55}
.stock-state{order:3;padding:3px 8px;border-radius:999px;background:var(--rosso);color:#fff;font:700 11px/1.3 var(--sans);letter-spacing:.04em;text-transform:uppercase}

/* prova dal lato del titolare */
.owner-controls{display:flex;align-items:end;flex-wrap:wrap;gap:8px;margin-top:12px;padding:12px;border-radius:10px;background:#f6ecd8;border:1px solid var(--bordo)}
.owner-controls label{font:700 12px/1.3 var(--sans)}
.owner-controls input{display:block;width:110px;min-height:44px;margin-top:4px;padding:8px 10px;border:1px solid #a88a5c;border-radius:8px;background:#fff;color:var(--inchiostro)}
.owner-controls button,#owner-toggle{min-height:44px;padding:10px 16px;border:0;border-radius:999px;background:var(--ambra);color:var(--inchiostro);font:700 14px/1.25 var(--sans)}
.owner-controls button:hover,#owner-toggle:hover{background:#f3bf6e}
.owner-box{margin:28px 0 40px;padding:24px 22px;border-radius:16px;background:var(--noce);color:var(--crema)}
.owner-box h2{font:600 1.9rem/1.15 var(--serif)}
.owner-box p{font-size:15px;color:#e8d6b2}
.owner-box .owner-explain{margin:13px 0 0;color:#cdb68c}
#owner-message{min-height:1.2em;margin:10px 0 0;font-weight:700;color:var(--ambra)}

footer{padding:24px 0 max(24px,env(safe-area-inset-bottom));background:#140c07;color:#d9c598;font:13px/1.5 var(--sans)}
footer .shell,footer .shell div{display:flex;flex-wrap:wrap;gap:9px 20px}
footer .shell{justify-content:space-between}
footer a{display:inline-flex;align-items:center;min-height:44px;color:#f1dfbd}
@media(max-width:520px){.menu-section{padding:18px 15px 8px}.demo-bar span{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}