@font-face {
  font-family: Pace Editoriale;
  src: url("../fonts/bodoni-moda-600.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
}

.pace-top {
  position: sticky;
  top: 0;
  z-index: 35;
  padding: env(safe-area-inset-top) max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));
  background: #200d10;
  border-bottom: 1px solid #e1a76a36;
  color: #fff1d7;
}
.pace-top-inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 66px;
  max-width: 1380px;
  margin: auto;
}
.pace-top a { color: inherit; text-decoration: none; }
.pace-top a:hover, .pace-top summary:hover { color: #ffd193; }
.pace-top :focus-visible, .pace-editorial :focus-visible {
  outline: 2px solid #ffce88;
  outline-offset: 3px;
}
.pace-top-brand { display: grid; place-items: center; min-height: 44px; }
.pace-top-brand img { display: block; width: 112px; height: auto; }
.pace-top-tools { display: flex; align-items: center; justify-content: flex-end; gap: clamp(8px, 2vw, 24px); min-width: 0; }
.pace-top-order { font-size: 14px; font-weight: 600; min-height: 44px; display: inline-flex; align-items: center; }
.pace-top .testata-azioni { display: flex; position: static; transform: none; min-width: 0; }
.pace-top .testata-azioni:empty { display: none; }
.pace-top .lingua--native { min-width: 0; background: transparent; }
.pace-top .lingua select {
  width: 105px;
  min-height: 44px;
  font-size: 16px;
  border-radius: 8px;
  background-color: #2c1416;
  background-image: none;
  border-color: #dca9685c;
  color: #fff1d7;
  padding-inline: 8px 27px;
}
.pace-top .lingua__freccia { color: #f7c78b; }
.pace-top .lingua option { color: #fff1d7; }
.pace-top-nav { justify-self: start; }
.pace-top-nav summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 44px;
  min-height: 44px;
  padding-inline: 10px;
  cursor: pointer;
  list-style: none;
  font-size: 14px;
  font-weight: 600;
}
.pace-top-nav summary::-webkit-details-marker { display: none; }
.pace-top-nav summary svg { width: 22px; height: 22px; }
.pace-top-nav:not([open]) .pace-top-close, .pace-top-nav[open] .pace-top-open { display: none; }
.pace-top-nav nav {
  position: absolute;
  inset-block-start: calc(100% + 8px);
  inset-inline-start: 0;
  width: min(265px, calc(100vw - 32px));
  display: grid;
  padding: 8px;
  background: #2c1216;
  border: 1px solid #dca9685c;
  border-radius: 12px;
  box-shadow: 0 14px 38px #0d0407aa;
}
.pace-top-nav:not([open]) nav { display: none; }
.pace-top-nav nav a { display: flex; align-items: center; min-height: 46px; padding-inline: 12px; border-radius: 6px; }
.pace-top-nav nav a:hover { background: #ffffff0d; }

.pace-editorial {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #fff0d7;
  background: radial-gradient(ellipse at 74% 56%, #66252a 0, #361419 49%, #230e13 82%);
  border-bottom: 1px solid #d2a1684d;
}
.pace-editorial-inner {
  width: min(1360px, 100%);
  margin-inline: auto;
  padding: clamp(24px, 4vw, 60px);
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  align-items: center;
  gap: 0;
}
.pace-editorial-copy { position: relative; z-index: 2; }
.pace-editorial h1 {
  font-family: Pace Editoriale, Georgia, serif;
  font-size: clamp(46px, 5.8vw, 94px);
  font-weight: 600;
  line-height: .98;
  letter-spacing: -.055em;
  margin: 0;
  color: #fff0d7;
}
.pace-editorial h1 em { display: block; color: #f6c17e; font: inherit; }
.pace-editorial-link {
  display: inline-flex;
  align-items: center;
  gap: 19px;
  min-height: 49px;
  padding: 0 19px;
  border-radius: 6px;
  margin-top: 27px;
  background: #f7c78b;
  color: #2a1113;
  font-weight: 700;
  text-decoration: none;
}
.pace-editorial-link:hover { background: #ffdaaa; color: #2a1113; }
.pace-editorial-stage {
  position: relative;
  isolation: isolate;
  aspect-ratio: 1.25;
  margin: 0;
}
.pace-editorial-arch {
  position: absolute;
  inset: 3% 14% 11%;
  border: 1px solid #e5ad6c60;
  border-radius: 48% 48% 5px 5px / 60% 60% 5px 5px;
  background: radial-gradient(ellipse at 50% 73%, #f7984d29, transparent 68%);
}
.pace-editorial-arch::after {
  content: "";
  position: absolute;
  inset: 8px;
  border: 1px solid #e5ad6c26;
  border-radius: inherit;
}
.pace-editorial-stage img { position: absolute; height: auto; filter: drop-shadow(0 12px 12px #100507b3); }
.pace-plate-pizza { width: 41%; inset: 18% auto auto 0; z-index: 1; }
.pace-plate-tajine { width: 50%; inset: 21% 0 auto auto; z-index: 2; }
.pace-plate-rice { width: 68%; inset: auto auto -3% 14%; z-index: 3; }
.pace-editorial-plates { position: absolute; inset: 0; isolation: isolate; }
.pace-editorial-plates img { object-fit: contain; }
.pace-editorial-plates .pace-plate-pizza { aspect-ratio: 1; }
.pace-editorial-plates .pace-plate-tajine { aspect-ratio: 1.3; }
.pace-editorial-plates .pace-plate-rice { aspect-ratio: 1; }
body[data-pagina="home"] .pace-top .lingua--native {
  position: relative;
  display: inline-grid;
  place-items: center;
  min-width: 66px;
  min-height: 44px;
  background: transparent;
}
body[data-pagina="home"] .pace-top .lingua--native select {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  z-index: 1;
}
.pace-lingua-breve {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 32px;
  padding: 0 9px;
  border: 1px solid #dca96865;
  border-radius: 999px;
  background: #ffffff0a;
  color: #fff1d7;
  font: 700 11px/1 var(--f-testo, Arial, sans-serif);
}
.pace-lingua-breve::before {
  content: "";
  width: 14px;
  height: 14px;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23efbf86' stroke-width='1.6'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='9'/%3E%3Cpath d='M3 12h18'/%3E%3C/svg%3E");
}
.pace-lingua-breve::after {
  content: "";
  width: 5px;
  height: 5px;
  margin-top: -2px;
  border: solid #efbf86;
  border-width: 0 1.5px 1.5px 0;
  transform: rotate(45deg);
}
body[data-pagina="home"] .pace-top .lingua--native:hover .pace-lingua-breve { background: #ffffff15; }
body[data-pagina="home"] .pace-top .lingua--native:focus-within .pace-lingua-breve {
  outline: 2px solid #ffce88;
  outline-offset: 2px;
}
body[data-pagina="home"] .pace-top .lingua__freccia { display: none; }

body[data-pagina="menu"] .tabs {
  top: calc(66px + env(safe-area-inset-top));
  z-index: 25;
  margin-top: 10px;
  padding: 6px max(12px, calc((100% - 1220px) / 2));
  gap: 6px;
  background: #281216;
  border-bottom: 1px solid #dca96850;
  overscroll-behavior-x: contain;
}
body[data-pagina="menu"] .tabs .tab {
  min-height: 36px;
  padding: 4px 11px;
  border: 1px solid #dca96848;
  border-radius: 99px;
  color: #f8e5ce;
  background: #351a1e;
  font: 600 .84rem/1.15 var(--f-testo, Arial, sans-serif);
  text-transform: none;
  letter-spacing: 0;
}
body[data-pagina="menu"] .tabs .tab.e-attivo {
  background: #f2c38a;
  border-color: #f2c38a;
  color: #321318;
}
body[data-pagina="menu"] .tabs img.tab__emoji { width: 18px; height: 12px; object-fit: contain; }
body[data-pagina="menu"] .tabs span.tab__emoji { display: none; }
body[data-pagina="menu"] .cat { scroll-margin-top: calc(124px + env(safe-area-inset-top)); }

html:not([data-ordini-attivi]) :is([data-vai-ordini], .pace-top-order, .card__btn, .card__nota, .card__scelte, [data-ordine-barra], [data-storico-attivo], .order-live-alert) {
  display: none !important;
}
html[data-ordini-attivi] [data-storico-spento] { display: none; }

@media (max-width: 760px) {
  .pace-top-inner { min-height: 61px; }
  .pace-top-brand img { width: 92px; }
  .pace-top .lingua select { width: min(94px, 28vw); padding-inline-start: 7px; }
  .pace-top-order { display: none; }
  .pace-top-nav summary { padding-inline: 6px; }
  .pace-editorial { background: radial-gradient(ellipse at 50% 65%, #68252a, #361419 53%, #230e13 90%); }
  .pace-editorial-inner { grid-template-columns: minmax(0, 1fr); text-align: center; padding: 29px 14px 25px; }
  .pace-editorial-copy { display: contents; }
  .pace-editorial h1 { position: relative; z-index: 2; font-size: clamp(37px, 10.5vw, 66px); }
  .pace-editorial-stage { width: min(500px, 100%); justify-self: center; order: 1; }
  .pace-editorial-link { justify-self: center; order: 2; margin-top: 4px; position: relative; z-index: 2; }
  body[data-pagina="menu"] .tabs { top: calc(61px + env(safe-area-inset-top)); }
}

/* Keep the centered logo independent from the controls on the right. */
.pace-top-inner{direction:ltr;max-width:none}
.pace-top-tools{justify-self:end;justify-content:flex-end}
html[dir=rtl] .pace-top-nav nav{direction:rtl}


/* Compact search and visual matches. */
body[data-pagina="menu"] .menu-strumenti{display:flex;align-items:stretch;gap:8px;margin-top:0;padding-top:4px}
body[data-pagina="menu"] .menu-strumenti .ricerca{flex:1;min-width:0;position:relative}
.menu-search-icon{position:absolute;inset-inline-start:13px;top:50%;transform:translateY(-50%);width:18px;height:18px;pointer-events:none;color:#671427}
body[data-pagina="menu"] .menu-strumenti input{width:100%;min-height:46px;padding-inline-start:39px;font-size:16px;border-radius:12px}
body[data-pagina="menu"] .menu-strumenti .btn-allergia{min-height:46px;border-radius:12px;padding-inline:11px;white-space:nowrap;font-size:13px}
.search-matches{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px;margin-block:10px}
.search-match{display:flex;align-items:center;gap:8px;min-height:56px;text-align:start;padding:5px 8px;background:#fff9ef;color:#411924;border:1px solid #e1cbb4;border-radius:11px;font-weight:650;line-height:1.2}
.search-match .foto-piatto{width:43px;height:43px;flex:0 0 43px;margin:0}
.search-match .studio-frame{height:100%;width:100%;aspect-ratio:1}
.search-match span{overflow-wrap:anywhere}
body[data-pagina="menu"] .card{scroll-margin-top:140px}
@media(max-width:370px){body[data-pagina="menu"] .menu-strumenti .btn-allergia{font-size:11px;padding-inline:7px}}

/* Public catalogue: category names and product photos do the work. */
.scopri-menu .piatto-link{grid-template-columns:clamp(48px,9vw,82px) minmax(0,1fr);border-radius:16px;background:#fff7e9;transition:border-color .18s,background-color .18s}
.scopri-menu .piatto-link:hover{background:#fffdf6;border-color:#a86c42}
.scopri-menu .piatto-link-testo strong{line-height:1.1;overflow-wrap:break-word}
body[data-pagina="menu"] .cat__testa{padding-block:14px;border-bottom:1px solid #a86c4240;margin-bottom:14px}
body[data-pagina="menu"] .cat__titolo{font-size:clamp(28px,5vw,52px);line-height:1.08;margin:0}
body[data-pagina="menu"] .card{border-radius:16px}
body[data-pagina="menu"] .card__nome{line-height:1.15}
body[data-pagina="menu"] .card__ingr{line-height:1.45;overflow-wrap:anywhere}
body[data-pagina="menu"] .card .allergeni{font-size:.78rem;line-height:1.35;margin-block:8px 0;color:#634737}

html:not([data-ordini-attivi]) a[href^="ordini.html"]{display:none!important}

body[data-pagina="menu"] .cat__titolo{display:flex;align-items:center;gap:12px;padding:0 0 10px;min-width:0}
body[data-pagina="menu"] .cat__titolo>.cat__emoji{position:static;display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:30px;margin:0;transform:none;font-size:27px;line-height:1;object-fit:contain}
body[data-pagina="menu"] .cat__nome{display:block;min-width:0;line-height:1.15;overflow-wrap:break-word}
body[data-pagina="menu"] .cat__titolo::before,body[data-pagina="menu"] .cat__titolo::after{display:none}
body[data-pagina="menu"] .card .allergeni{display:flex;align-items:center;flex-wrap:wrap;gap:5px}
body[data-pagina="menu"] .card .allergeni__n{display:inline-grid;place-items:center;min-width:30px;min-height:32px;border:1px solid #b78e65;border-radius:8px;background:#fff9ef;color:#621d2b;font:700 13px/1 Arial,sans-serif;padding:3px 6px}
body[data-pagina="menu"] .card .allergeni__n:hover{background:#621d2b;color:#fff9ef}

/* Separazione stabile fra immagini e nomi delle categorie. */
body[data-pagina="home"] .scopri-menu .lista-piatti .piatto-link{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:22px;padding:24px 16px;text-align:center;min-width:0}
body[data-pagina="home"] .scopri-menu .lista-piatti .piatto-miniatura{position:relative;width:100%;height:120px;flex:0 0 120px;margin:0;overflow:hidden;background:transparent;border:0;border-radius:0}
body[data-pagina="home"] .scopri-menu .lista-piatti .piatto-miniatura>img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;transform:none;margin:0}
body[data-pagina="home"] .scopri-menu .lista-piatti .piatto-link-testo{width:100%;min-width:0;margin:0;padding:0}
body[data-pagina="home"] .scopri-menu .lista-piatti .piatto-link-testo strong{display:block;line-height:1.18;margin:0}
@media(max-width:760px){body[data-pagina="home"] .scopri-menu .lista-piatti .piatto-link{gap:18px;padding:20px 12px}body[data-pagina="home"] .scopri-menu .lista-piatti .piatto-miniatura{height:104px;flex-basis:104px}}

/* Home menu: six bounded cards, full product images at every viewport. */
body[data-pagina="home"] .scopri-menu{grid-template-columns:minmax(200px,.65fr) minmax(0,1.35fr);align-items:start;gap:clamp(24px,5vw,72px)}
body[data-pagina="home"] .scopri-menu .lista-piatti{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;border:0;width:100%;min-width:0}
body[data-pagina="home"] .scopri-menu .lista-piatti .piatto-link{display:flex;gap:18px;padding:24px 16px;min-width:0;border:1px solid #a86c4226;border-radius:16px}
body[data-pagina="home"] .scopri-menu .lista-piatti .piatto-miniatura{display:block;position:relative;box-sizing:border-box;width:100%;height:170px;min-height:0;flex:0 0 170px;overflow:visible}
body[data-pagina="home"] .scopri-menu .lista-piatti .piatto-miniatura>img{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transform:none;margin:0}
body[data-pagina="home"] .scopri-menu .lista-piatti .piatto-link-testo strong{font-size:clamp(23px,2.4vw,36px);line-height:1.2;white-space:normal;overflow-wrap:break-word}
@media(max-width:760px){body[data-pagina="home"] .scopri-menu{grid-template-columns:minmax(0,1fr);gap:24px}body[data-pagina="home"] .scopri-menu .lista-piatti{gap:12px}body[data-pagina="home"] .scopri-menu .lista-piatti .piatto-link{padding:18px 10px;gap:16px}body[data-pagina="home"] .scopri-menu .lista-piatti .piatto-miniatura{height:112px;flex-basis:112px}body[data-pagina="home"] .scopri-menu .lista-piatti .piatto-link-testo strong{font-size:clamp(19px,5vw,25px)}}