/* Logo originale zonsteakhouse.it/img/logo.svg, recuperato il 15 novembre 2026.
   Rosso #cf1b17 e avorio #f4e8d9 dal logo. Restanti toni e font: base operativa da rifinire nel progetto del sito. */
:root{--zon-navy:#211b18;--zon-background:#211b18;--zon-deep:#171310;--zon-gold:#cf1b17;--zon-gold-soft:#f4e8d9;--zon-sand:#f4e8d9;--zon-surface:#fffdf8;--zon-selection:#f6e8df;--zon-line:#ddcec0;--zon-control-border:#948477;--zon-focus:#8f1714}
.topbar,.is-booking .topbar,.is-receipt .topbar,body:has(#zon-home)>.topbar{grid-template-columns:104px minmax(0,1fr) auto;background:#211b18}.wordmark,.is-booking .wordmark{width:104px;min-width:104px;flex-basis:104px}.wordmark img{width:104px;height:44px;object-fit:contain}.topbar #header-link{max-width:140px}.flow-next,.button.primary,.home-action.home-book{background:#cf1b17;border-color:#cf1b17;color:#fffdf8}.flow-steps .current .flow-step-number{color:#fffdf8}.flow-next:not(:disabled):hover,.button.primary:not(:disabled):hover,.home-action.home-book:hover{background:#a41613;border-color:#a41613;color:#fffdf8}.home-content{max-width:600px}.hero-text{grid-template-columns:minmax(0,1fr)}.offline-page{background:#211b18}.offline-page a{background:#cf1b17;color:#fffdf8}@media(max-width:350px){.topbar,.is-booking .topbar,.is-receipt .topbar,body:has(#zon-home)>.topbar{grid-template-columns:72px minmax(0,1fr) auto;gap:8px}.wordmark,.is-booking .wordmark{width:72px;min-width:72px}.wordmark img{width:72px}}

/* ZON header and contrast: long location names remain within the mobile header. */
:root{--zon-header-height:calc(80px + env(safe-area-inset-top,0px))}
.topbar,.is-booking .topbar,.is-receipt .topbar,body:has(#zon-home)>.topbar{height:var(--zon-header-height);min-height:var(--zon-header-height);grid-template-columns:84px minmax(0,1fr) auto;gap:10px}
.wordmark,.is-booking .wordmark{width:84px;min-width:84px;flex-basis:84px}.wordmark img{width:84px;height:44px}
.topbar .top-location,body:not(.is-booking) .top-location,.is-booking .top-location{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:42px;overflow:hidden;overflow-wrap:normal;line-height:1.25}
.topbar #header-link{max-width:120px}.home-action.home-book .home-action-copy>span{color:#fffdf8}.flow-steps .current button{color:#f4e8d9}
@media(max-width:350px){.topbar,.is-booking .topbar,.is-receipt .topbar,body:has(#zon-home)>.topbar{grid-template-columns:64px minmax(0,1fr) auto;gap:8px}.wordmark,.is-booking .wordmark{width:64px;min-width:64px}.wordmark img{width:64px}.topbar #header-link{max-width:105px}}