/* TA — I PULSANTI GIALLI DELLA VETRINA, TUTTI UGUALI. r1, 30/10/2026.

   ⛔ CHIESTO DAL PRESIDENTE, due volte: nella sezione «Sullo scaffale adesso»
      i pulsanti gialli hanno larghezze diverse l'uno dall'altro.

   ⛔ MISURATO, non supposto. Prima tentativo sbagliato: avevo scritto la
      regola per `.oggi .cta--carrello`, cioe' il pulsante grande dell'offerta
      del giorno — uno solo, gia' uniforme. Quelli che si vedono diversi sono
      TRENTOTTO `span.cta.cta--carrello` dentro le righe `.riga` dello
      scaffale, con QUATTRO larghezze diverse (da 0 a 298 px), perche' si
      allargano quanto il nome del negozio.

   ⛔ PERCHE' STA QUI E NON NELLA PAGINA. La regola `.cta--carrello` e' scritta
      DENTRO la pagina su WordPress. Cambiarla vorrebbe dire modificare il
      contenuto di 25 pagine vive: non si fa senza prova a secco e
      approvazione. Questo foglio e' nostro, si carica dopo, e tocca SOLO i
      pulsanti dentro lo scaffale. Per annullare: togliere il blocco
      «ta-pulsanti-uniformi» da ta-sezioni-commerciali.php. Nessuna pagina
      e' stata toccata. */

/* una misura sola per tutti, e mai piu' larga della sua colonna */
.riga .cta--carrello,
.oggi .cta--carrello {
  display: flex;
  width: min(300px, 100%);
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-left: auto;        /* restano appoggiati a destra, com'erano */
}

/* il nome del negozio puo' essere lungo: va a capo invece di allargare */
.riga .cta--carrello > *,
.oggi .cta--carrello > * {
  min-width: 0;
  overflow-wrap: anywhere;
}

/* sul telefono occupano tutta la riga: e' la forma piu' comoda col dito */
@media (max-width: 640px) {
  .riga .cta--carrello,
  .oggi .cta--carrello { width: 100%; margin-left: 0; }
}