/* Il passo del tutore si distingue visivamente dagli altri: stesso principio ambra già usato per
   gli avvisi, per ricordare che è una sezione dedicata a chi non è il socio stesso. */
.gc-wizard [data-step="tutore"] { border-left: 3px solid #d99000; padding-left: 1rem; }

/* Pacchetto: riquadro cliccabile per opzione, prezzo in evidenza, riga gadget sempre presente
   (compresa quando assente) — vedi renderPacchetti() in tesseramento.js. */
.gc-pacchetto-opzione {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 0.75rem 1rem;
  margin-bottom: 0.6rem;
  cursor: pointer;
  font-weight: 400;
}
.gc-pacchetto-opzione:has(input:checked) { border-color: #1a1a1a; background: #f7f7f7; }
.gc-pacchetto-opzione input[type="radio"] { margin-top: 0.3rem; flex-shrink: 0; }
.gc-pacchetto-testo { display: flex; flex-direction: column; gap: 0.2rem; flex: 1; }
.gc-pacchetto-riga-principale { display: flex; align-items: baseline; justify-content: space-between; gap: 0.75rem; flex-wrap: wrap; }
.gc-pacchetto-nome { font-weight: 600; }
.gc-pacchetto-prezzo { font-size: 1.3rem; font-weight: 700; color: #1a1a1a; white-space: nowrap; }
.gc-pacchetto-gadget { font-size: 0.85rem; color: #1a7a1a; }
.gc-pacchetto-gadget.gc-pacchetto-senza-gadget { color: #888; }

/* Passo J|Card/Membership/Abbonamento: più distanza TRA i tre gruppi (J|Card, Membership,
   Abbonamento) rispetto allo spazio interno a ciascuno (che resta quello di .gc-campo-riga). */
.gc-gruppo-condizionale { margin-bottom: 1.75rem; }
.gc-gruppo-condizionale:last-child { margin-bottom: 0; }

/* Settore/Fila/Posto dell'abbonamento sempre sulla stessa riga, mai a capo: i tre campi sono
   corti (una tendina), non serve la larghezza minima di .gc-campo-riga pensata per campi di
   testo più lunghi. */
#gc-t-blocco-abbonamento { flex-wrap: nowrap; }
#gc-t-blocco-abbonamento > .gc-campo { flex: 1 1 0; min-width: 0; }