/* Badge ufficiale "Aggiungi ad Apple Wallet" al posto del pulsante di testo nella pagina dell'ordine.
   Modello: il Dockerfile lo copia in wallet-badge.css solo se il file SVG di Apple è presente (vedi apple-wallet/LEGGIMI.md);
   senza il file non può esistere, perché la preparazione dei file statici di pretix si ferma davanti a un url() che non trova.
   Linee guida Apple: il badge non si modifica, non si attenua né si anima (nessun cambio di aspetto in hover o da disattivato),
   resta secondario nel layout e ha attorno uno spazio libero di almeno 0,1 volte la sua altezza.
   Il pacchetto di Apple ha un solo badge per lingua (nero con contorno grigio già nel disegno): vale per tema chiaro e scuro. */
:root { --wallet-badge: url("apple-wallet/add-to-apple-wallet-it.cf22d4ce662c.svg"); }
form.download-btn-form[action$="/passbook"] button.btn,
form.download-btn-form[action$="/passbook"] button.btn:hover,
form.download-btn-form[action$="/passbook"] button.btn:focus,
form.download-btn-form[action$="/passbook"] button.btn:active {
  display: block; width: 168px; height: 52px; min-height: 0; padding: 0; margin: 6px 0;
  border: 0; border-radius: 0; box-shadow: none; opacity: 1;
  background: transparent var(--wallet-badge) no-repeat center / contain;
  font-size: 0; line-height: 0; color: transparent;          /* il testo resta per i lettori di schermo */
}
form.download-btn-form[action$="/passbook"] button.btn .fa { display: none; }
form.download-btn-form[action$="/passbook"] button.btn:focus-visible { outline: 2px solid var(--accent-text); outline-offset: 3px; }
/* istruzione prevista da Apple vicino al badge sul web */
form.download-btn-form[action$="/passbook"]::after {
  content: "Apri questa pagina da iPhone o da Mac per aggiungere il biglietto a Wallet.";
  display: block; max-width: 22em; text-align: left; font-size: .8rem; line-height: 1.35; color: var(--muted);
}