/*
  CALENDARI (desktop + mobile) — riusa .result-list/.result-row (lo stesso
  di "Ultimi risultati" in home, box bianco/colori compresi: quella parte
  ora vive nel componente condiviso result-row.css, non qui). Condiviso
  da calendari.php e calendari-mobile.php: la dimensione più compatta è
  solo per calendari-mobile.php (body.page-calendario-mobile), su
  desktop resta la taglia normale del componente, solo più estesa.
*/

.page-calendario-mobile #calendario-list .result-row__team {
  font-size: var(--text-base);
}

.page-calendario-mobile #calendario-list .result-row__bottom {
  padding: var(--space-2) var(--space-3);
}

/* Tutto su una riga sola — data/ora, categoria, box squadre, indirizzo
   affiancati invece che impilati come su mobile. Colonne a larghezza
   fissa in px (flex: 0 0, niente shrink): il container/banner restano
   quelli standard del sito (responsive, larghi come il menu, max
   --container-max). Quando la finestra si restringe abbastanza da non
   contenere più tutte le colonne (es. l'indirizzo a destra viene
   coperto), .result-scroll (result-row.css, condivisa con organico) fa
   scorrere in orizzontale invece di tagliare il contenuto; con lo
   spazio normale non serve e non compare. */
.calendario-row {
  flex-direction: row;
  align-items: center;
  /* Somma esatta: colonne (140+170+440+340) + 3 spazi da 12px + padding
     orizzontale della riga (16px x2) = 1158px. Deve restare SOTTO i
     1200px del container standard, altrimenti sfora sempre anche a
     finestra larga (bug reale: prima era 1230, 30px oltre il container,
     scrollbar sempre visibile anche a schermo intero). */
  min-width: 1158px;
  /* Riga più bassa di quella di base (.result-row ha var(--space-3)
     var(--space-4)): qui c'è già .result-row__bottom sotto a dare
     spazio, non serve lo stesso padding due volte. */
  padding: var(--space-2) var(--space-4);
}

/* Margine, non gap: vedi components/buttons.css per il perché (gap
   dichiarato ma non applicato su alcune TV/motori datati). */
.calendario-row > * + * {
  margin-left: var(--space-3);
}

.calendario-row .result-row__bottom {
  padding: var(--space-2) var(--space-4);
}

.calendario-row__date {
  flex: 0 0 140px;
  font-size: var(--text-sm);
}

.calendario-row__category {
  flex: 0 0 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.calendario-row__teams {
  flex: 0 0 440px;
}

.calendario-row__venue {
  flex: 0 0 340px;
  font-size: var(--text-sm);
}

.calendario-row__venue a {
  display: inline-flex;
  align-items: center;
}

.calendario-row__venue a > * + * {
  margin-left: var(--space-2);
}

.calendario-row__venue a span {
  line-height: 1.3;
}