/* ============================================================
   Santallegria: bordeaux del logo, crema e corallo. Versione sobria.
   Il bordeaux e la crema vengono dal logo su Instagram; il giallo acceso
   della comunicazione social e i toni pastello del menù stampato sono
   stati lasciati fuori, per un sito piu' da ristorante.
   Caratteri: Titan One per i titoli, Raleway per il testo, come sul menù.
   I file stanno in assets/img/caratteri (cartella del cliente).
============================================================ */
@font-face{font-family:'Titan One';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/img/caratteri/titan-one-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:'Raleway';font-style:normal;font-weight:400 800;font-display:swap;
  src:url('/assets/img/caratteri/raleway-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:'Raleway';font-style:italic;font-weight:400 700;font-display:swap;
  src:url('/assets/img/caratteri/raleway-italic-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122}

:root{
  --bg:#7b1221;                      /* bordeaux del logo su Instagram */
  --campo:#5f0d1a;                   /* campi dei moduli e pannelli: bordeaux piu' scuro */
  --sfondo-alto:#560b17;             /* barra delle categorie, tendine, finestre */
  --panel:rgba(0,0,0,.24);
  --line:rgba(255,246,234,.38);
  --text:#fff6ea;                    /* crema */
  --muted:#efcfc9;
  --accent:#f0b7a6;                  /* corallo chiaro: pulsanti, titoli in evidenza */
  --accent2:#ecd9bd;                 /* sabbia: etichette e bordi secondari */
  --accent-rgb:240,183,166;
  --accent2-rgb:236,217,189;
  --su-accento:#3d0810;
  --gold:#f0b7a6;
  --font-display:'Titan One',system-ui,sans-serif;
  --font-sans:'Raleway',system-ui,sans-serif;
  --raggio:20px;
  --etichetta-peso:700;
}

/* il logo scritto prende il posto del nome grande, in home e nel menù */
.logo img[data-brand-logo],.brand-hero img[data-brand-logo]{width:min(460px,84vw) !important}

/* la fascia di parole in home scorre in una riga sola (su telefono andava a
   capo e le parole venivano tagliate) */
:root{
  --nastro-moto:scroll 40s linear infinite;
  --nastro-larghezza:max-content;
  --nastro-a-capo:nowrap;
  --nastro-sfumatura:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
}
/* con "riduci animazioni" (molti telefoni lo hanno attivo) il nastro non parte
   da solo, ma resta una riga sola che si sfoglia con il dito: prima le parole
   andavano a capo e si ammucchiavano in un blocco fermo */
@media (prefers-reduced-motion:reduce){
  :root{--nastro-larghezza:max-content;--nastro-a-capo:nowrap;--nastro-sfumatura:none}
  .marquee{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .marquee::-webkit-scrollbar{display:none}
  .marquee .track{justify-content:flex-start;animation:none;flex-wrap:nowrap !important;width:max-content !important}
}