/*
  ALLENAMENTI (allenamenti.php) — orari settimanali per squadra, letti da
  allenamenti.csv (SQUADRA, GIORNO, ORARIO, PALESTRA). Ogni squadra ha il
  proprio titolo + la propria tabella (struttura del vecchio allenamenti.html,
  con le classi nuove: .table/.table-wrap/.table--dark di tables.css). Qui
  vive solo il titolo di squadra, il fondo grigio 600 del box e il box del
  modulo per l'allenamento di prova.
*/

.allenamenti-intro {
  max-width: 760px;
  margin: 0 auto var(--space-8);
  padding: var(--space-6) var(--space-5);
  text-align: center;
  background: var(--color-bg-muted);
  border-radius: var(--radius-md);
}

.allenamenti-intro h2 {
  color: var(--color-brand);
  margin-bottom: var(--space-3);
}

.allenamenti-intro p {
  margin-bottom: var(--space-4);
}

/* flex-wrap: margine "in uscita" (right/bottom) su ogni figlio, mai
   margine negativo sul contenitore — un negativo in alto rischierebbe di
   sovrapporsi all'elemento sopra e rubargli l'area cliccabile (bug
   scoperto sul sondaggio di npdatvlive.php). */
.allenamenti-intro__actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.allenamenti-intro__actions > * {
  margin-right: var(--space-3);
  margin-bottom: var(--space-3);
}

.allenamenti-notice {
  max-width: 760px;
  margin: 0 auto var(--space-6);
  padding: var(--space-4) var(--space-5);
  text-align: center;
  color: var(--color-danger);
  font-weight: var(--weight-bold);
  font-size: var(--text-xl);
}

.allenamenti-squadra {
  margin-bottom: var(--space-6);
}

.allenamenti-squadra__title {
  color: var(--color-brand);
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-size: var(--text-3xl);
  margin-bottom: var(--space-3);
}

.allenamenti-squadra .table-wrap {
  background: var(--color-gray-600);
}

/* Intestazione rossa invece del nero di .table--dark: solo su questa
   pagina, non tocca la variante scura condivisa (usata anche in home). */
.allenamenti-table thead th {
  background: var(--color-brand);
  color: var(--color-text-inverse);
  padding-top: var(--space-1);
  padding-bottom: var(--space-1);
}

/* Righe invertite rispetto a .table--dark: qui la prima riga è chiara
   (gray-600, si fonde con il fondo del box), non scura. Solo su questa
   pagina, non tocca la variante condivisa. */
.allenamenti-table tbody tr:nth-child(odd) {
  background: var(--color-gray-600);
}

.allenamenti-table tbody tr:nth-child(even) {
  background: var(--color-dark-700);
}

.allenamenti-table tbody td {
  font-size: var(--text-base);
}

/* Larghezze fisse e uguali per tutte le righe: altrimenti la tabella
   calcola le colonne in base al proprio contenuto (es. "Palazzetto
   Sansona" più largo di "Via Europa") e le colonne non si allineano da
   una squadra all'altra. */
.allenamenti-table {
  table-layout: fixed;
}

.allenamenti-table th:nth-child(1),
.allenamenti-table td:nth-child(1) {
  width: 25%;
}

.allenamenti-table th:nth-child(2),
.allenamenti-table td:nth-child(2) {
  width: 30%;
}

.allenamenti-table th:nth-child(3),
.allenamenti-table td:nth-child(3) {
  width: 45%;
  white-space: normal;
}

@media (max-width: 600px) {
  .allenamenti-table th,
  .allenamenti-table td {
    padding: var(--space-2) var(--space-3);
    font-size: var(--text-xs);
  }
}