/* =========================================================================
   css/negozi-app.css — I BOLLINI «SCARICA L'APP» (consegna 88623)
   MARCA_88623_BOLLINI_APP

   Oggi non si vede niente: i bollini stanno dentro un <template> e li mette
   in pagina js/negozi-app.js solo quando ci sono gli indirizzi degli store
   e il file ufficiale nella lingua della pagina.

   LE REGOLE DI APPLE E DI GOOGLE (verificate il 28/9/2026, consegna 83721):
   - bollino VISIBILE alto 44 px, tutti e due (Apple chiede almeno 40,
     Google almeno 28; 44 e' anche il minimo per premerlo col dito);
   - vuoto intorno almeno un quarto dell'altezza: qui 16 px fra i due
     bollini e dal bordo della placca;
   - disegno ufficiale cosi' com'e': niente colori, ombre, angoli storti o
     animazioni sopra; il bordo grigio del bollino Apple fa parte del disegno;
   - Google MAI piu' piccolo di Apple. Il file ufficiale di Google ha un
     margine trasparente (190 px disegnati su 250): alto 44 px, il bollino
     disegnato sarebbe di 34. Per averlo di 44 l'immagine va alta 58 px, e il
     margine trasparente (7 px sopra e 7 sotto) si riprende con un margine
     negativo, cosi' la fila resta alta 44;
   - il fondo: placca BIANCA FISSA in tutti e due i temi (--placca-bollini,
     in temi.css). I bollini sono neri: sul fondo scuro del sito sparirebbero.
   ========================================================================= */
.negozi-app[hidden],.negozi-app-bollino[hidden]{display:none!important}
.negozi-app-placca{display:inline-flex;flex-wrap:wrap;align-items:center;gap:16px;
  padding:16px;max-width:100%;background:var(--placca-bollini);
  border:1px solid var(--line);border-radius:14px}
.negozi-app-bollino{display:block;flex:none;line-height:0;border-radius:8px}
.negozi-app-bollino:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.negozi-app-bollino img{display:block;width:auto;height:44px;max-width:none}
.negozi-app-bollino[data-negozio="google"] img{height:58px;margin:-7px 0}

/* entra.html: sotto il modulo, in fondo alla colonna di sinistra */
.negozi-app-entra{margin-top:28px}
.negozi-app-titolo{margin:0 0 10px;font-size:14px;font-weight:600;color:var(--ink-2)}

/* index.html: la fascia «RegiaPro anche nel telefono». I bollini vanno SOTTO il testo,
   allineati a sinistra (regola D684 di Giovanni: i pulsanti principali a sinistra). */
.negozi-app-home .per-chi-foto{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px}