/*
 * Cio' che le pagine degli ospiti hanno in comune: portafoglio, negozio,
 * carta, pagamento, ricevuta.
 *
 * Fino al 2026-09-23 ognuna portava la sua copia dei colori, del tema scuro e
 * delle regole sul cursore. Erano identiche per caso, e la ricevuta del
 * negozio aveva gia' perso `--accent-ink`: il primo colore cambiato in una
 * sola pagina avrebbe fatto sembrare le cinque di cinque aziende diverse.
 *
 * Qui solo le fondamenta. L'impaginazione resta nella pagina, che sa com'e'
 * fatta; il negozio sovrascrive l'accento col colore del locale.
 */
:root { --bg:#f5f6f8; --panel:#fff; --ink:#1c2430; --muted:#6b7686;
        --accent:#0f766e; --accent-ink:#fff; --line:#e3e7ee; --err:#b91c1c; --ok:#15803d; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#12161d; --panel:#1a2029; --ink:#e8ecf2; --muted:#8b96a5;
          --accent:#14b8a6; --accent-ink:#06211e; --line:#2a3340; --err:#f87171; --ok:#4ade80; } }
* { box-sizing: border-box; }
body { background:var(--bg); color:var(--ink); }

/* If it acts on a click, it says so under the mouse. Each page used to list
   the selectors that happened to be clickable — button.act here, nav button
   there — so anything outside those patterns looked inert. */
button, summary, [role="button"], .click, .mod, .amt,
input[type=checkbox], input[type=radio] { cursor:pointer; }
label:has(> input[type=checkbox]) { cursor:pointer; }
button:disabled { cursor:not-allowed; }

/* chi usa la tastiera vede dove si trova, su ogni pagina e non solo dove
   qualcuno se n'e' ricordato */
:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition:none !important; animation:none !important; scroll-behavior:auto !important; }
}

/* Su una foto del locale il riquadro deve staccarsi, o il bordo sottile ci si
   perde. Il parallasse leggero solo dove regge: puntatore vero e schermo largo
   (Safari su iPhone ignora `fixed` o scala la foto sull'intera pagina). */
body.con-sfondo .box { box-shadow:0 12px 40px rgba(0,0,0,.28); border-color:transparent; }
@media (hover:hover) and (min-width:900px) { body.con-sfondo { background-attachment:fixed; } }

/* Ogni pagina che vede il cliente dice chi c'e' dietro, con un link. Su una
   foto la scritta grigia sparirebbe: li' diventa una pastiglia scura. */
.powered { text-align:center; font-size:12px; color:var(--muted); margin:18px auto 6px; }
.powered a { color:inherit; font-weight:600; text-decoration:none; }
.powered a:hover { text-decoration:underline; }
body.con-sfondo .powered { width:max-content; padding:3px 10px; border-radius:999px;
  background:rgba(0,0,0,.45); color:#fff; }