{"id":8,"date":"2026-09-07T14:57:50","date_gmt":"2026-09-07T14:57:50","guid":{"rendered":"https:\/\/www.soluzionemenu.it\/prenota\/profilo\/"},"modified":"2026-09-07T14:57:50","modified_gmt":"2026-09-07T14:57:50","slug":"profilo","status":"publish","type":"page","link":"https:\/\/www.soluzionemenu.it\/prenota\/profilo\/","title":{"rendered":"Il mio profilo"},"content":{"rendered":"<style>\/*\n * I quattro stili delle pagine pubbliche.\n *\n * Qui non c'\u00e8 nessuna regola di disposizione: solo variabili. Il men\u00f9,\n * il delivery e il profilo disegnano s\u00e9 stessi leggendo queste, e non\n * sanno quale stile \u00e8 attivo. Aggiungerne un quinto vuol dire scrivere\n * un blocco qui e nient'altro.\n *\n * Ogni stile dichiara la stessa lista di variabili. Se una manca, quel\n * pezzo di pagina eredita il valore di \"moderno\" \u2014 che \u00e8 il blocco\n * :root qui sotto \u2014 invece di sparire.\n *\n * Le famiglie di caratteri sono quelle presenti sul dispositivo.\n * Caricarle da Google significherebbe mandare l'indirizzo IP di ogni\n * visitatore a Google, e in Europa su questo ci sono gi\u00e0 state\n * condanne.\n *\/\n\n.yummyit-style {\n    \/* --- Moderno: \u00e8 anche il valore di partenza per tutti gli altri --- *\/\n\n    --yz-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n    --yz-display: var(--yz-font);\n\n    --yz-ink: #16191f;\n    --yz-soft: #6b7280;\n    --yz-page: #ffffff;\n    --yz-card: #ffffff;\n    --yz-line: #e5e7eb;\n    --yz-well: #f6f6f7;\n\n    \/*\n     * I colori del ristorante entrano da qui: il template li scrive\n     * in linea sul contenitore, calcolati da BrandService.\n     *\n     * Il secondario ricade sul principale: chi non lo sceglie non deve\n     * ritrovarsi i titoli di un colore che non ha mai indicato.\n     *\/\n    --yz-accent: #1f2933;\n    --yz-on-accent: #ffffff;\n    --yz-accent-alt: var(--yz-accent);\n\n    --yz-radius: 14px;\n    --yz-radius-small: 9px;\n\n    --yz-title-size: 21px;\n    --yz-title-weight: 700;\n    --yz-title-spacing: -0.01em;\n    --yz-title-transform: none;\n\n    --yz-item-size: 17px;\n    --yz-item-weight: 600;\n    --yz-item-font: var(--yz-font);\n    --yz-item-transform: none;\n    --yz-item-spacing: normal;\n\n    --yz-body-size: 15px;\n    --yz-rhythm: 18px;\n    --yz-section-gap: 52px;\n\n    \/* Il filo fra il nome del piatto e il prezzo *\/\n    --yz-leader: radial-gradient(circle, var(--yz-line) 1px, transparent 1px);\n    --yz-leader-size: 5px 2px;\n\n    --yz-rule: 1px solid var(--yz-line);\n    --yz-title-rule: 2px solid var(--yz-accent);\n\n    --yz-shadow: 0 1px 2px rgba(16, 19, 31, .05), 0 6px 20px rgba(16, 19, 31, .06);\n}\n\n\/* ------------------------------------------------------------------ *\/\n\/* Elegante                                                            *\/\n\n\/*\n * Grazie sottili e molta aria. Le due cose che fanno il lavoro sono la\n * spaziatura fra le lettere dei titoli e il ritmo verticale: un men\u00f9\n * costoso \u00e8 un men\u00f9 in cui ogni piatto ha spazio intorno, perch\u00e9 il\n * tempo di leggerlo fa parte di quello che si compra.\n *\/\n.yummyit-style.is-elegante {\n    --yz-font: 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, 'Times New Roman', serif;\n    --yz-display: var(--yz-font);\n\n    --yz-ink: #23201d;\n    --yz-soft: #7d766d;\n    --yz-page: #fdfcfa;\n    --yz-card: #fdfcfa;\n    --yz-line: #e0dbd3;\n    --yz-well: #f6f3ee;\n\n    --yz-radius: 2px;\n    --yz-radius-small: 2px;\n\n    --yz-title-size: 19px;\n    --yz-title-weight: 400;\n    --yz-title-spacing: .18em;\n    --yz-title-transform: uppercase;\n\n    --yz-item-size: 18px;\n    --yz-item-weight: 400;\n    --yz-item-font: var(--yz-font);\n    --yz-item-transform: none;\n    --yz-item-spacing: .02em;\n\n    --yz-body-size: 15px;\n    --yz-rhythm: 28px;\n    --yz-section-gap: 76px;\n\n    \/* Nessun filo puntinato: su una carta di questo tipo \u00e8 rumore *\/\n    --yz-leader: none;\n\n    --yz-rule: 1px solid #ece7e0;\n    --yz-title-rule: 1px solid #c9c0b4;\n\n    --yz-shadow: none;\n}\n\n\/* ------------------------------------------------------------------ *\/\n\/* Trattoria                                                           *\/\n\n\/*\n * Carta color panna e caldo. Angoli morbidi e un filo pi\u00f9 marcato: il\n * riferimento \u00e8 la tovaglietta stampata, non il libro.\n *\/\n.yummyit-style.is-trattoria {\n    --yz-font: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;\n    --yz-display: var(--yz-font);\n\n    --yz-ink: #33271c;\n    --yz-soft: #7a6a58;\n    --yz-page: #fbf6ec;\n    --yz-card: #fffdf8;\n    --yz-line: #e2d5c0;\n    --yz-well: #f5ecdd;\n\n    --yz-radius: 10px;\n    --yz-radius-small: 7px;\n\n    --yz-title-size: 23px;\n    --yz-title-weight: 700;\n    --yz-title-spacing: 0;\n    --yz-title-transform: none;\n\n    --yz-item-size: 17px;\n    --yz-item-weight: 700;\n    --yz-item-font: var(--yz-font);\n    --yz-item-transform: none;\n    --yz-item-spacing: normal;\n\n    --yz-body-size: 15px;\n    --yz-rhythm: 20px;\n    --yz-section-gap: 56px;\n\n    --yz-leader: radial-gradient(circle, #c9b795 1px, transparent 1px);\n    --yz-leader-size: 6px 2px;\n\n    --yz-rule: 1px dashed #ddceb4;\n    --yz-title-rule: 3px double var(--yz-accent);\n\n    --yz-shadow: 0 1px 0 rgba(120, 90, 50, .06);\n}\n\n\/* ------------------------------------------------------------------ *\/\n\/* Pub                                                                 *\/\n\n\/*\n * Fondo scuro e titoli in stampatello stretto. Sul nero il testo\n * chiaro affatica, quindi il corpo non \u00e8 bianco puro ma leggermente\n * spento \u2014 e la spaziatura fra le righe \u00e8 pi\u00f9 larga del solito, che\n * sul fondo scuro serve davvero.\n *\/\n.yummyit-style.is-pub {\n    --yz-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n    --yz-display: 'Arial Narrow', 'Helvetica Neue', Impact, var(--yz-font);\n\n    --yz-ink: #ececec;\n    --yz-soft: #9aa0a6;\n    --yz-page: #16181c;\n    --yz-card: #202329;\n    --yz-line: #33383f;\n    --yz-well: #23272e;\n\n    --yz-radius: 6px;\n    --yz-radius-small: 4px;\n\n    --yz-title-size: 26px;\n    --yz-title-weight: 800;\n    --yz-title-spacing: .06em;\n    --yz-title-transform: uppercase;\n\n    --yz-item-size: 17px;\n    --yz-item-weight: 700;\n    --yz-item-font: var(--yz-display);\n    --yz-item-transform: uppercase;\n    --yz-item-spacing: .04em;\n\n    --yz-body-size: 15px;\n    --yz-rhythm: 18px;\n    --yz-section-gap: 54px;\n\n    --yz-leader: radial-gradient(circle, #454b53 1px, transparent 1px);\n    --yz-leader-size: 5px 2px;\n\n    --yz-rule: 1px solid #2c3037;\n    --yz-title-rule: 3px solid var(--yz-accent);\n\n    --yz-shadow: none;\n}\n\n\/*\n * Sul fondo scuro il colore del ristorante pu\u00f2 essere illeggibile: un\n * blu notte su nero sparisce. Il contrasto del testo sopra l'accento lo\n * calcola gi\u00e0 il PHP; qui si alza solo la separazione fra le schede e\n * il fondo, che \u00e8 l'unica cosa che il colore non risolve.\n *\/\n.yummyit-style.is-pub .yz-card { border: 1px solid var(--yz-line); }\n\n\/* ==================================================================\n * Promozioni, conto alla rovescia e legenda degli allergeni\n *\n * Stanno nel foglio condiviso e non in quelli delle due pagine perch\u00e9\n * servono a tutte e due: un prezzo scontato disegnato diversamente sul\n * men\u00f9 e sul delivery fa pensare a un errore, e su un prezzo quel\n * dubbio costa l'ordine.\n * ================================================================== *\/\n\n.yz-price {\n    font-variant-numeric: tabular-nums;\n    white-space: nowrap;\n}\n\n\/*\n * Il prezzo in promozione \u00e8 una riga sola: sbarrato, nuovo, sconto.\n * In quest'ordine, perch\u00e9 senza il termine di paragone \"8 \u20ac\" \u00e8 solo un\n * prezzo \u2014 con accanto \"12 \u20ac\" sbarrato \u00e8 un affare.\n *\/\n.yz-price.is-promo {\n    display: inline-flex;\n    align-items: baseline;\n    gap: 7px;\n    flex-wrap: wrap;\n}\n\n.yz-price-was {\n    color: var(--yz-soft);\n    font-weight: 400;\n    \/* Il barrato del browser \u00e8 sottile e su schermo si perde *\/\n    text-decoration: line-through 1.5px;\n    opacity: .75;\n}\n\n.yz-price-now {\n    color: #b4232a;\n    font-weight: 700;\n}\n\n.yz-price-off {\n    font-size: .72em;\n    font-weight: 700;\n    letter-spacing: .02em;\n    padding: 2px 6px;\n    border-radius: 999px;\n    background: #b4232a;\n    color: #fff;\n    white-space: nowrap;\n}\n\n\/*\n * Il conto alla rovescia va sotto il prezzo, non accanto: accanto\n * allunga la riga e su un telefono manda il prezzo a capo, che \u00e8\n * esattamente la cosa che non deve succedere.\n *\/\n.yz-countdown {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    margin-top: 4px;\n    font-size: 12px;\n    line-height: 1.3;\n    color: var(--yz-soft);\n    white-space: nowrap;\n}\n\n.yz-countdown-value {\n    font-variant-numeric: tabular-nums;\n    font-weight: 700;\n    color: var(--yz-ink);\n}\n\n\/* L'ultima ora si fa notare: \u00e8 quando il conto serve a qualcosa *\/\n.yz-countdown.is-urgent .yz-countdown-value { color: #b4232a; }\n\n.yz-countdown.is-over .yz-countdown-label { display: none; }\n.yz-countdown.is-over .yz-countdown-value { color: var(--yz-soft); font-weight: 400; }\n\n\/* --- La legenda dei simboli --- *\/\n\n.yz-legend {\n    margin: 34px 0 0;\n    padding: 22px 20px;\n    border-radius: var(--yz-radius);\n    background: var(--yz-well);\n}\n\n.yz-legend-title {\n    margin: 0 0 14px;\n    font-family: var(--yz-display);\n    font-size: 15px;\n    font-weight: 700;\n    letter-spacing: .03em;\n    text-transform: uppercase;\n    color: var(--yz-soft);\n}\n\n\/*\n * A colonne che si adattano: su un telefono ne sta una, su un tavolo\n * tre. Con `auto-fill` e un minimo, senza media query da tenere\n * allineate a mano.\n *\/\n.yz-legend-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));\n    gap: 10px 18px;\n}\n\n.yz-legend-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 9px;\n    line-height: 1.35;\n}\n\n\/*\n * La misura base del simbolo, qui e non nel foglio di una pagina sola.\n *\n * Stava solo in `menu.css`. Sul delivery esisteva unicamente dentro\n * `.yd-product-allergens`, quindi nella legenda \u2014 che sta fuori da quel\n * contenitore \u2014 l'SVG restava senza dimensioni e spariva: si vedevano\n * le etichette e nessuna icona, cio\u00e8 una legenda che non spiega niente.\n *\n * Adesso il simbolo ha una misura ovunque venga messo; le due pagine\n * possono ancora ritoccarla dove serve.\n *\/\n.yz-allergen {\n    display: inline-flex;\n    width: 18px;\n    height: 18px;\n    color: var(--yz-soft);\n    \/* Il puntatore a domanda dice che c'\u00e8 un titolo da leggere: senza,\n       nessuno prova a passarci sopra *\/\n    cursor: help;\n}\n\n.yz-allergen svg {\n    width: 100%;\n    height: 100%;\n    display: block;\n}\n\n.yz-legend-item .yz-allergen {\n    flex: 0 0 auto;\n    margin-top: 1px;\n}\n\n.yz-legend-text {\n    display: flex;\n    flex-direction: column;\n    font-size: 14px;\n}\n\n.yz-legend-text em {\n    font-style: normal;\n    font-size: 12.5px;\n    color: var(--yz-soft);\n}\n\n.yz-legend-note {\n    margin: 16px 0 0;\n    font-size: 12.5px;\n    line-height: 1.55;\n    color: var(--yz-soft);\n}\n\n\/* ==================================================================\n * La fotografia di apertura di una categoria\n *\n * La foto si caricava gi\u00e0 dal pannello e non compariva da nessuna\n * parte. Adesso apre la sezione, e quando c'\u00e8 **sostituisce** il\n * titolo scritto invece di aggiungersi: leggere due volte lo stesso\n * nome \u00e8 la cosa che fa sembrare un sito fatto male.\n * ================================================================== *\/\n\n.yz-cat-hero {\n    position: relative;\n    display: flex;\n    align-items: flex-end;\n    \/*\n     * Alta quanto basta a far vedere il piatto, non tanto da spingere\n     * il men\u00f9 fuori dalla prima schermata: chi arriva deve vedere una\n     * foto **e** l'inizio dell'elenco, senn\u00f2 scrolla via senza guardare\n     * n\u00e9 l'una n\u00e9 l'altro.\n     *\/\n    min-height: 190px;\n    margin: 0 0 20px;\n    padding: 22px;\n    border-radius: var(--yz-radius);\n    overflow: hidden;\n    background-color: #1a1a1a;\n    background-size: cover;\n    background-position: center;\n}\n\n\/*\n * Il velo \u00e8 un elemento e non un filtro sull'immagine: un filtro\n * spegnerebbe anche il testo. Sfuma dal basso, dove sta la scritta,\n * verso l'alto, dove si guarda la foto.\n *\/\n.yz-cat-hero-veil {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(to top, rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, .42) 45%, rgba(0, 0, 0, .12) 100%);\n}\n\n.yz-cat-hero-text {\n    position: relative;\n    max-width: 34rem;\n}\n\n.yz-cat-hero-name {\n    margin: 0;\n    font-family: var(--yz-display);\n    font-size: clamp(24px, 4vw, 34px);\n    font-weight: var(--yz-title-weight);\n    letter-spacing: var(--yz-title-spacing);\n    text-transform: var(--yz-title-transform);\n    line-height: 1.12;\n    \/* Bianco fisso e non la variabile del testo: sotto c'\u00e8 una foto,\n       non il fondo della pagina, e su una foto il colore del tema pu\u00f2\n       essere qualsiasi cosa *\/\n    color: #fff;\n    \/* L'ombra regge anche sulle foto chiarissime, dove il velo da solo\n       non basta *\/\n    text-shadow: 0 1px 12px rgba(0, 0, 0, .55);\n}\n\n.yz-cat-hero-note {\n    margin: 8px 0 0;\n    font-size: 15px;\n    line-height: 1.5;\n    color: rgba(255, 255, 255, .88);\n    text-shadow: 0 1px 10px rgba(0, 0, 0, .5);\n}\n\n@media (max-width: 560px) {\n    .yz-cat-hero {\n        min-height: 150px;\n        padding: 18px;\n    }\n}\n\n@media print {\n    \/* Su carta la foto mangia il toner e non aggiunge niente: resta il\n       nome, che \u00e8 l'unica cosa che serve leggere *\/\n    .yz-cat-hero {\n        min-height: 0;\n        padding: 0;\n        background: none;\n        border-radius: 0;\n    }\n\n    .yz-cat-hero-veil { display: none; }\n    .yz-cat-hero-name,\n    .yz-cat-hero-note { color: #000; text-shadow: none; }\n}\n\n\/* L'account offerto dentro il modulo di prenotazione.\n\n   Riquadro leggero e non colorato: \u00e8 una cosa in pi\u00f9 che si pu\u00f2 fare,\n   non un passaggio da superare. Un blocco vistoso qui farebbe sembrare\n   obbligatorio registrarsi per prenotare, e non lo \u00e8. *\/\n.yummyit-account {\n    padding: 12px 14px;\n    border: 1px dashed #d6dae0;\n    border-radius: 8px;\n}\n\n.yummyit-account-password {\n    margin-top: 10px;\n}\n\n\/* \"con YummyIt\": la firma in fondo alle pagine che vede il cliente.\n\n   Piccola, grigia, centrata, sempre come ultima cosa. Il logo \u00e8 alto\n   quattordici pixel \u2014 l'altezza di una riga di testo \u2014 e non di pi\u00f9:\n   un marchio grosso sulla pagina di un ristorante fa sembrare la\n   pagina nostra e non sua, e il primo che se ne accorge \u00e8 il\n   ristoratore che paga. *\/\n.yz-firma {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 5px;\n    margin: 28px 0 0;\n    padding: 0 0 4px;\n    font-size: 11px;\n    line-height: 1;\n    color: #9aa5b1;\n    text-decoration: none;\n    \/* Smorzata finch\u00e9 non ci si passa sopra: chi legge la pagina non\n       deve inciampare in un secondo marchio *\/\n    opacity: .7;\n    transition: opacity .15s ease;\n}\n\n.yz-firma:hover,\n.yz-firma:focus {\n    opacity: 1;\n}\n\n\/*\n * Le misure del logo con `!important`, e qui serve davvero.\n *\n * Quasi tutti i temi scrivono `img { height: auto !important }` per\n * far stare le foto dentro le colonne. Quella riga vince sulla nostra,\n * e il logo \u2014 che il file lo porta a 480 pixel \u2014 usciva **gigante in\n * fondo al modulo**: la cosa pi\u00f9 vistosa della pagina, che \u00e8\n * esattamente il contrario di quello che deve essere.\n *\n * Anche `max-width`, per i temi che allargano le immagini invece di\n * restringerle.\n *\/\n.yz-firma img {\n    display: block !important;\n    height: 14px !important;\n    width: auto !important;\n    max-width: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    border: 0 !important;\n    box-shadow: none !important;\n}\n\n\/* --- Esaurito ---------------------------------------------------- *\/\n\n\/* La fascetta di un piatto finito.\n\n   Sta nello strato comune perch\u00e9 la portano tutte e due le pagine \u2014 la\n   carta e il delivery \u2014 e una copia per foglio diverge alla prima\n   modifica: il giorno che cambia la parola, cambierebbe in una sola. *\/\n.yz-esaurito {\n    display: inline-block;\n    padding: 2px 8px;\n    border-radius: 999px;\n    background: #6b7280;\n    color: #fff;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: .08em;\n    text-transform: uppercase;\n    line-height: 1.6;\n    vertical-align: middle;\n}\n\n\/* Il piatto esaurito resta leggibile ma spento: si deve capire che c'\u00e8\n   e che oggi non c'\u00e8, non farlo sparire \u2014 sparire era il difetto di\n   prima. Il testo resta pieno, cos\u00ec il nome si legge lo stesso. *\/\n.is-esaurito {\n    position: relative;\n    opacity: .55;\n}\n\n\/* Niente cursore da cosa cliccabile e nessun sollevamento al\n   passaggio: un piatto che reagisce al dito e poi non fa niente\n   sembra rotto *\/\n.is-esaurito,\n.is-esaurito * {\n    cursor: default;\n    pointer-events: none;\n}\n\n\/* La fascetta invece resta a piena tinta: \u00e8 l'unica cosa che deve\n   saltare all'occhio in un blocco smorzato *\/\n.is-esaurito .yz-esaurito {\n    opacity: 1;\n}\n<\/style><style>\/*\n * L'area del cliente.\n *\n * Qui il foglio \u00e8 volutamente sottile: dentro ci vanno le due viste di\n * prima, che hanno gi\u00e0 i loro stili. Questo disegna solo il guscio \u2014\n * intestazione, schede, le due porte d'ingresso \u2014 e per il resto lascia\n * fare al tema, perch\u00e9 \u00e8 una pagina del sito del ristorante e deve\n * somigliargli.\n *\/\n\n.yac {\n    --yac-line: #e3e5e9;\n    --yac-soft: #6c717a;\n    --yac-brand: #1f2933;\n\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    padding: 0;\n\n    \/*\n     * Il contenitore dipinge il proprio fondo.\n     *\n     * Serve allo stile Pub, dove il testo \u00e8 chiaro: senza, uscirebbe\n     * grigio chiaro sul bianco del tema e non si leggerebbe una riga.\n     * Sugli stili chiari non si nota, che \u00e8 il comportamento giusto.\n     *\/\n    background: var(--yz-page);\n    color: var(--yz-ink);\n    font-family: var(--yz-font);\n}\n\n.yac-inner {\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 34px 22px 40px;\n}\n\n\/* ------------------------------------------------------------------ *\/\n\/* Messaggi                                                            *\/\n\n.yac-notice {\n    margin: 0 0 18px;\n    padding: 11px 14px;\n    border-radius: 8px;\n    border-left: 3px solid;\n    font-size: 15px;\n}\n\n.yac-notice.is-ok {\n    background: #eef8f2;\n    border-color: #1e7e5a;\n    color: #14513a;\n}\n\n.yac-notice.is-ko {\n    background: #fdf0ee;\n    border-color: #c0392b;\n    color: #7d2318;\n}\n\n\/* ------------------------------------------------------------------ *\/\n\/* Chi sei, e le schede                                                *\/\n\n.yac-head {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    gap: 12px;\n    flex-wrap: wrap;\n    margin-bottom: 14px;\n}\n\n.yac-who {\n    margin: 0;\n    font-size: 18px;\n    font-weight: 600;\n}\n\n.yac-exit {\n    font-size: 14px;\n    color: var(--yac-soft);\n}\n\n.yac-tabs {\n    display: flex;\n    gap: 4px;\n    margin-bottom: 22px;\n    border-bottom: 1px solid var(--yac-line);\n}\n\n\/*\n * Schede vere, non pillole: sono due, e restano due. Una sottolineatura\n * che si sposta dice dove sei senza aggiungere colore a una pagina che\n * ne ha gi\u00e0 quello del tema.\n *\/\n.yac-tab {\n    padding: 9px 15px;\n    margin-bottom: -1px;\n    border-bottom: 2px solid transparent;\n    color: var(--yac-soft);\n    text-decoration: none;\n    font-size: 16px;\n    font-weight: 600;\n}\n\n.yac-tab:hover { color: inherit; }\n\n.yac-tab.is-on {\n    border-bottom-color: currentColor;\n    color: inherit;\n}\n\n\/* ------------------------------------------------------------------ *\/\n\/* Le due porte: accedi, oppure fatti un account                       *\/\n\n.yac-doors {\n    display: grid;\n    gap: 26px;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    margin-top: 30px;\n    padding-top: 26px;\n    border-top: 1px solid var(--yac-line);\n}\n\n.yac-door h2 {\n    margin: 0 0 12px;\n    font-size: 18px;\n}\n\n.yac-small {\n    font-size: 13px;\n    color: var(--yac-soft);\n    line-height: 1.45;\n}\n\n.yac-form label,\n.yac-door label {\n    display: block;\n    margin-bottom: 3px;\n    font-size: 14px;\n    font-weight: 600;\n}\n\n.yac-form input[type=\"text\"],\n.yac-form input[type=\"email\"],\n.yac-form input[type=\"password\"],\n.yac-door input[type=\"text\"],\n.yac-door input[type=\"password\"] {\n    width: 100%;\n    padding: 10px 12px;\n    border: 1px solid var(--yac-line);\n    border-radius: 8px;\n    font-size: 16px;\n}\n\n.yac-btn {\n    display: inline-block;\n    padding: 11px 22px;\n    border: 0;\n    border-radius: 8px;\n    background: var(--yac-brand);\n    color: #fff;\n    font-size: 16px;\n    font-weight: 600;\n    text-decoration: none;\n    cursor: pointer;\n}\n\n\/* ------------------------------------------------------------------ *\/\n\/* L'invito, per chi \u00e8 arrivato dal link nell'email                    *\/\n\n.yac-invite {\n    margin-top: 28px;\n    padding: 18px;\n    border: 1px dashed var(--yac-line);\n    border-radius: 10px;\n}\n\n.yac-invite p { margin: 0 0 12px; }\n\n\/* ------------------------------------------------------------------ *\/\n\/* La tessera fedelt\u00e0                                                  *\/\n\n.yac-card {\n    margin-bottom: 26px;\n    padding: 22px;\n    border: 1px solid var(--yz-line, #e3e5e9);\n    border-radius: 14px;\n    background: var(--yz-card, #fff);\n}\n\n\/* Quando il premio \u00e8 raggiunto la tessera si accende: \u00e8 il momento in\n   cui il cliente deve accorgersene senza cercare *\/\n.yac-card.is-ready {\n    border-color: var(--yz-accent);\n    border-width: 2px;\n    padding: 21px;\n}\n\n.yac-card-points {\n    display: flex;\n    align-items: baseline;\n    gap: 8px;\n    margin: 0 0 14px;\n}\n\n.yac-card-points strong {\n    font-size: 40px;\n    line-height: 1;\n    font-variant-numeric: tabular-nums;\n    color: var(--yz-accent);\n}\n\n.yac-card-points span {\n    font-size: 15px;\n    color: var(--yac-soft);\n}\n\n.yac-card-bar {\n    height: 8px;\n    border-radius: 999px;\n    background: var(--yz-well, #f2f2f4);\n    overflow: hidden;\n}\n\n.yac-card-bar span {\n    display: block;\n    height: 100%;\n    border-radius: 999px;\n    background: var(--yz-accent);\n    \/* Una barra che scatta da zero al valore giusto sembra un difetto:\n       parte da sinistra e ci arriva *\/\n    transition: width .5s ease;\n}\n\n.yac-card-goal {\n    margin: 10px 0 0;\n    font-size: 15px;\n}\n\n.yac-card-number {\n    margin: 16px 0 0;\n    font-size: 13px;\n    color: var(--yac-soft);\n}\n\n\/* Il numero si legge ad alta voce alla cassa: va copiato tutto insieme *\/\n.yac-card-number code {\n    margin-left: 6px;\n    padding: 3px 8px;\n    border-radius: 6px;\n    background: var(--yz-well, #f2f2f4);\n    font-size: 14px;\n    letter-spacing: .08em;\n    user-select: all;\n}\n\n.yac-card-log { margin-top: 16px; }\n\n.yac-card-log summary {\n    cursor: pointer;\n    font-size: 14px;\n    color: var(--yac-soft);\n}\n\n.yac-card-log ul {\n    list-style: none;\n    margin: 12px 0 0;\n    padding: 0;\n}\n\n.yac-card-log li {\n    display: flex;\n    align-items: baseline;\n    gap: 10px;\n    padding: 7px 0;\n    border-top: 1px solid var(--yz-line, #e3e5e9);\n    font-size: 14px;\n}\n\n.yac-card-log li em {\n    font-style: normal;\n    color: var(--yac-soft);\n    font-size: 13px;\n}\n\n.yac-card-log li strong {\n    margin-left: auto;\n    font-variant-numeric: tabular-nums;\n}\n\n\/*\n * Il riscatto: pulsante e avvertenza sulla stessa riga, ma su telefono\n * vanno a capo \u2014 un pulsante stretto accanto a due righe di testo si\n * tocca male.\n *\/\n.yac-card-redeem {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    flex-wrap: wrap;\n    margin: 16px 0 0;\n}\n\n.yac-card-redeem .yac-small { flex: 1 1 180px; }\n\n\/* Il recupero password, chiuso.\n\n   \u00c8 la strada che serve a pochi: aperta occuperebbe mezzo riquadro a\n   tutti gli altri con una seconda casella email che somiglia troppo\n   alla prima. *\/\n.yac-recupero summary {\n    cursor: pointer;\n    font-size: 14px;\n    color: #52606d;\n}\n\n.yac-recupero[open] summary {\n    margin-bottom: 12px;\n}\n\n\/* Un pulsante che non compete con \"Accedi\": qui la cosa da fare \u00e8\n   quella sopra, questa \u00e8 il ripiego *\/\n.yac-btn-quiet {\n    background: transparent;\n    border: 1px solid currentColor;\n}\n<\/style>\n<div class=\"yac yummyit-style is-moderno\"\n     style=\"--yz-accent: #1f2933; --yz-on-accent: #ffffff; --yz-accent-alt: #1f2933;\">\n<div class=\"yac-inner\">\n\n    \n    \n                <style>\/*\n * I miei ordini.\n *\n * Stessa scelta del men\u00f9 del delivery: il tema non entra. Chi guarda\n * dove sta il suo panino deve vedere lo stato al primo colpo d'occhio,\n * non un blocco di testo nel carattere decorativo del sito.\n *\/\n\n.ymo {\n    --ymo-ink: #16191f;\n    --ymo-soft-ink: #70757e;\n    --ymo-card: #fff;\n    --ymo-line: #e7e7ea;\n    --ymo-soft: #f2f2f4;\n    --ymo-ok: #1e7e5a;\n\n    max-width: 640px;\n    margin-left: auto;\n    margin-right: auto;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n    font-size: 16px;\n    line-height: 1.45;\n    color: var(--ymo-ink);\n    text-align: left;\n}\n\n.ymo h2,\n.ymo p,\n.ymo span,\n.ymo strong,\n.ymo em,\n.ymo label,\n.ymo button,\n.ymo input {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;\n    text-transform: none !important;\n    letter-spacing: normal !important;\n    font-style: normal !important;\n}\n\n.ymo-title {\n    margin: 0 0 14px !important;\n    font-size: 20px !important;\n    font-weight: 800 !important;\n    color: var(--ymo-ink) !important;\n}\n\n.ymo-order + .ymo-title { margin-top: 32px !important; }\n\n\/* ---------------------------------------------------------------- *\/\n\/* Una scheda ordine                                                 *\/\n\n.ymo-order {\n    margin-bottom: 16px;\n    padding: 18px 20px;\n    background: var(--ymo-card);\n    border: 1px solid var(--ymo-line);\n    border-radius: 16px;\n}\n\n.ymo-order.status-cancelled { opacity: .65; }\n\n.ymo-order-head {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 12px;\n    margin-bottom: 16px;\n}\n\n.ymo-order-code {\n    display: block;\n    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;\n    font-size: 20px;\n    font-weight: 700;\n    letter-spacing: .12em !important;\n}\n\n.ymo-order-date {\n    display: block;\n    margin-top: 2px;\n    font-size: 14px;\n    color: var(--ymo-soft-ink);\n}\n\n.ymo-badge {\n    flex-shrink: 0;\n    padding: 4px 10px;\n    border-radius: 999px;\n    background: var(--ymo-soft);\n    color: var(--ymo-soft-ink);\n    font-size: 12px;\n    font-weight: 700;\n    white-space: nowrap;\n}\n\n.ymo-badge.status-received { background: #fdf3e0; color: #b7791f; }\n.ymo-badge.status-preparing { background: #e8eefc; color: #2f4f8f; }\n.ymo-badge.status-ready,\n.ymo-badge.status-delivered { background: #e3f4ed; color: var(--ymo-ok); }\n.ymo-badge.status-cancelled { background: #fdecea; color: #b3261e; }\n\n\/* ---------------------------------------------------------------- *\/\n\/* Dove sta l'ordine adesso                                          *\/\n\n.ymo-steps {\n    display: flex;\n    list-style: none;\n    margin: 0 0 16px;\n    padding: 0;\n}\n\n.ymo-step {\n    flex: 1;\n    position: relative;\n    text-align: center;\n    font-size: 12px;\n    color: var(--ymo-soft-ink);\n}\n\n\/* La linea che unisce i passi, tranne prima del primo *\/\n.ymo-step::before {\n    content: '';\n    position: absolute;\n    top: 6px;\n    right: 50%;\n    left: -50%;\n    height: 2px;\n    background: var(--ymo-line);\n}\n\n.ymo-step:first-child::before { display: none; }\n\n.ymo-step.is-done::before { background: var(--ymo-ok); }\n\n.ymo-step-dot {\n    position: relative;\n    display: block;\n    width: 14px;\n    height: 14px;\n    margin: 0 auto 6px;\n    border-radius: 50%;\n    background: var(--ymo-line);\n}\n\n.ymo-step.is-done .ymo-step-dot { background: var(--ymo-ok); }\n\n.ymo-step.is-done .ymo-step-label {\n    color: var(--ymo-ink);\n    font-weight: 600;\n}\n\n.ymo-step-label { display: block; }\n\n\/* ---------------------------------------------------------------- *\/\n\/* Cosa ha ordinato                                                  *\/\n\n.ymo-items {\n    list-style: none;\n    margin: 0;\n    padding: 14px 0 0;\n    border-top: 1px solid var(--ymo-line);\n}\n\n.ymo-item {\n    display: flex;\n    align-items: baseline;\n    gap: 10px;\n    padding: 4px 0;\n    font-size: 15px;\n}\n\n.ymo-item-qty {\n    font-weight: 700;\n    min-width: 26px;\n    font-variant-numeric: tabular-nums;\n}\n\n.ymo-item-name { flex: 1; min-width: 0; }\n\n.ymo-item-name em {\n    display: block;\n    font-size: 13px;\n    color: var(--ymo-soft-ink);\n}\n\n.ymo-item-price {\n    font-variant-numeric: tabular-nums;\n    white-space: nowrap;\n}\n\n.ymo-order-foot {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n    gap: 12px;\n    margin-top: 14px;\n    padding-top: 14px;\n    border-top: 1px solid var(--ymo-line);\n    font-size: 15px;\n    color: var(--ymo-soft-ink);\n}\n\n.ymo-order-foot strong {\n    font-size: 18px;\n    color: var(--ymo-ink);\n    font-variant-numeric: tabular-nums;\n}\n\n\/* ---------------------------------------------------------------- *\/\n\/* Cerca un ordine                                                   *\/\n\n.ymo-lookup {\n    margin-top: 32px;\n    padding: 20px;\n    background: var(--ymo-soft);\n    border-radius: 16px;\n}\n\n.ymo-hint {\n    margin: 0 0 16px;\n    font-size: 14px;\n    color: var(--ymo-soft-ink);\n}\n\n.ymo-error {\n    margin: 0 0 16px;\n    padding: 12px 14px;\n    border-radius: 10px;\n    background: #fdecea;\n    color: #b3261e;\n    font-size: 15px;\n}\n\n.ymo-form {\n    display: grid;\n    gap: 14px;\n}\n\n.ymo-field > span {\n    display: block;\n    margin-bottom: 5px;\n    font-size: 14px;\n    font-weight: 600;\n}\n\n.ymo-field input {\n    width: 100%;\n    \/* 16px: sotto questa misura il telefono ingrandisce da solo *\/\n    font-size: 16px;\n    padding: 12px 14px;\n    border: 1px solid var(--ymo-line);\n    border-radius: 10px;\n    background: var(--ymo-card);\n    color: var(--ymo-ink);\n}\n\n.ymo-button {\n    min-height: 50px;\n    padding: 0 24px;\n    border: 0;\n    border-radius: 12px;\n    background: var(--ymo-ink);\n    color: #fff;\n    font-size: 16px;\n    font-weight: 700;\n    cursor: pointer;\n}\n\n.ymo-button:hover { filter: brightness(1.15); }\n\n@media (min-width: 560px) {\n    .ymo-form {\n        grid-template-columns: 1fr 1fr auto;\n        align-items: end;\n    }\n}\n<\/style>\n<div class=\"ymo\">\n\n    \n    \n        <section class=\"ymo-lookup\">\n        <h2 class=\"ymo-title\">Cerca un ordine<\/h2>\n\n        <p class=\"ymo-hint\">\n            Il codice \u00e8 quello che hai visto dopo aver ordinato, e che trovi nell&#039;email di conferma.        <\/p>\n\n        \n        <form method=\"post\" class=\"ymo-form\">\n            <label class=\"ymo-field\">\n                <span>Codice dell&#039;ordine<\/span>\n                <input type=\"text\" name=\"yummyit_code\" required\n                       value=\"\"\n                       autocomplete=\"off\" spellcheck=\"false\"\n                       placeholder=\"Es. K7QM2P\">\n            <\/label>\n\n            <label class=\"ymo-field\">\n                <span>Telefono<\/span>\n                <input type=\"tel\" name=\"yummyit_phone\" required inputmode=\"tel\"\n                       value=\"\"\n                       autocomplete=\"tel\">\n            <\/label>\n\n            <button type=\"submit\" class=\"ymo-button\">Cerca<\/button>\n        <\/form>\n    <\/section>\n\n    <a class=\"yz-firma\" href=\"https:\/\/yummyit.app\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>con<\/span><img src=\"https:\/\/www.soluzionemenu.it\/prenota\/wp-content\/plugins\/YummyIt\/assets\/brand\/yummyit.webp\" alt=\"YummyIt\" width=\"48\" height=\"14\" loading=\"lazy\" decoding=\"async\"><\/a><\/div>\n\n        <div class=\"yac-doors\">\n\n            \n            \n            <section class=\"yac-door\">\n                <h2>Hai gi\u00e0 un account<\/h2>\n\n                                <form class=\"yac-form\" method=\"post\"\n                      action=\"https:\/\/www.soluzionemenu.it\/prenota\/wp-admin\/admin-post.php\">\n                    <input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"8fca9bfc0a\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/prenota\/wp-json\/wp\/v2\/pages\/8\" \/>                    <input type=\"hidden\" name=\"action\"\n                           value=\"yummyit_accedi\">\n                    <input type=\"hidden\" name=\"redirect_to\" value=\"https:\/\/www.soluzionemenu.it\/prenota\/profilo\/\">\n\n                    <p>\n                        <label for=\"ya-acc-email\">Email<\/label>\n                        <input type=\"email\" id=\"ya-acc-email\" name=\"email\" required autocomplete=\"username\">\n                    <\/p>\n\n                    <p>\n                        <label for=\"ya-acc-password\">Password<\/label>\n                        <input type=\"password\" id=\"ya-acc-password\" name=\"password\" required\n                               autocomplete=\"current-password\">\n                    <\/p>\n\n                    <p>\n                        <button type=\"submit\" class=\"yac-btn\">Accedi<\/button>\n                    <\/p>\n                <\/form>\n\n                                <details class=\"yac-recupero\">\n                    <summary>Password dimenticata<\/summary>\n\n                    <form class=\"yac-form\" method=\"post\"\n                          action=\"https:\/\/www.soluzionemenu.it\/prenota\/wp-admin\/admin-post.php\">\n                        <input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"3828943628\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/prenota\/wp-json\/wp\/v2\/pages\/8\" \/>                        <input type=\"hidden\" name=\"action\"\n                               value=\"yummyit_password_persa\">\n                        <input type=\"hidden\" name=\"redirect_to\" value=\"https:\/\/www.soluzionemenu.it\/prenota\/profilo\/\">\n\n                        <p>\n                            <label for=\"ya-perso-email\">La tua email<\/label>\n                            <input type=\"email\" id=\"ya-perso-email\" name=\"email\" required autocomplete=\"email\">\n                        <\/p>\n\n                        <p>\n                            <button type=\"submit\" class=\"yac-btn yac-btn-quiet\">\n                                Mandami il link                            <\/button>\n                        <\/p>\n                    <\/form>\n                <\/details>\n            <\/section>\n\n            \n            \n        <\/div>\n\n    \n    <a class=\"yz-firma\" href=\"https:\/\/yummyit.app\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>con<\/span><img src=\"https:\/\/www.soluzionemenu.it\/prenota\/wp-content\/plugins\/YummyIt\/assets\/brand\/yummyit.webp\" alt=\"YummyIt\" width=\"48\" height=\"14\" loading=\"lazy\" decoding=\"async\"><\/a>\n<\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.soluzionemenu.it\/prenota\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.soluzionemenu.it\/prenota\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.soluzionemenu.it\/prenota\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.soluzionemenu.it\/prenota\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.soluzionemenu.it\/prenota\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":0,"href":"https:\/\/www.soluzionemenu.it\/prenota\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.soluzionemenu.it\/prenota\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}