/*
  La Spesa - CSS custom minimo.

  Regola seguita: tutto il resto dell'interfaccia usa esclusivamente classi
  di Bootstrap 4.6 (bootstrap.min.css). Queste poche regole esistono solo
  perche' Bootstrap 4 non offre un'utility per farlo:

  - .stamp-preso     -> rotazione del timbro "PRESO" (Bootstrap 4 non ha
                        utility "rotate-*", introdotte solo in Bootstrap 5)
  - .text-strike     -> decorazione line-through (assente tra le utility
                        text-decoration-* di Bootstrap 4)
  - .content-spacer  -> spazio in fondo alla lista per non finire sotto la
                        barra fixed-bottom di aggiunta articolo (l'altezza
                        esatta della barra non corrisponde a nessuno step
                        della scala spaziatura di Bootstrap)
  - .toast-fixed     -> posizionamento del toast di conferma sopra la barra
                        fixed-bottom (Bootstrap 4 non ha utility di offset
                        arbitrari, solo position-fixed generico)
*/

.stamp-preso {
  display: inline-block;
  transform: rotate(-8deg);
}

.text-strike {
  text-decoration: line-through;
}

.content-spacer {
  padding-bottom: 96px;
}

.toast-fixed {
  position: fixed;
  left: 50%;
  bottom: 84px;
  transform: translateX(-50%);
  z-index: 1080;
  max-width: 90%;
}

/*
  .mdi-icon -> allineamento verticale delle icone MDI inline rispetto al
  testo adiacente. Bootstrap 4 non ha una utility per questo (le icone non
  fanno parte del framework), quindi e' indispensabile.
*/
.mdi-icon {
  vertical-align: -0.15em;
}