/**
 * Stile dell'elemento partite Ã¢â‚¬â€ veste Ã‚Â«compattaÃ‚Â» per gli ultimi risultati.
 * Sta qui, nel plugin, e non nel CSS del tema: ÃƒÂ¨ lo stile di un componente,
 * e da qui viene caricato dopo il foglio del tema senza doverlo rincorrere.
 */

.griglia_partite_compatta {
	display: block;
	background-color: #ffffff;
	box-shadow: 0 10px 24px rgba(16, 28, 58, 0.08);
}

.griglia_partite_compatta .card_partita {
	display: grid;
	grid-template-columns: 190px 1fr 130px;
	align-items: center;
	gap: 16px;
	padding: 14px 24px;
	min-height: 0;
	background-color: #ffffff;
	box-shadow: none;
	border-bottom: 1px solid #eceae4;
}

.griglia_partite_compatta .card_partita:last-child {
	border-bottom: none;
}

.griglia_partite_compatta .partita_filigrana {
	display: none;
}

/* colonna di sinistra: competizione e data */
.griglia_partite_compatta .card_partita_testata {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	padding: 0;
	text-align: left;
}

/* il badge della competizione sta sopra la data, come nella versione a mano */
.griglia_partite_compatta .partita_competizione {
	order: 1;
}

.griglia_partite_compatta .partita_quando {
	order: 2;
}

.griglia_partite_compatta .partita_dove {
	display: none;
}

.griglia_partite_compatta .partita_competizione {
	display: inline-block;
	margin-bottom: 0;
	padding: 5px 10px;
	background-color: #d5232e;
	border: none;
	border-radius: 0;
	font-family: "Barlow", sans-serif;
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 1.5px;
	color: #ffffff;
	text-transform: uppercase;
}

.griglia_partite_compatta .partita_quando {
	text-align: left;
}

.griglia_partite_compatta .partita_data {
	font-family: "Barlow", sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #98a2b3;
}

.griglia_partite_compatta .partita_stadio {
	display: none;
}

/* colonna centrale: squadre e punteggio */
.griglia_partite_compatta .card_partita_corpo {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	padding: 0;
	margin: 0;
}

.griglia_partite_compatta .partita_squadra {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	gap: 10px;
	width: auto;
	text-align: right;
}

.griglia_partite_compatta .partita_squadra:last-child {
	flex-direction: row;
	text-align: left;
}

.griglia_partite_compatta .partita_logo {
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
	object-fit: contain;
}

.griglia_partite_compatta .partita_nome {
	font-family: "Barlow Condensed", sans-serif;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.1;
	color: #101c3a;
	white-space: nowrap;
}

.griglia_partite_compatta .partita_centro {
	flex: 0 0 auto;
}

.griglia_partite_compatta .partita_punteggio {
	padding: 0;
	background: none;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 22px;
	font-weight: 800;
	color: #101c3a;
}

.griglia_partite_compatta .partita_punteggio i {
	margin: 0 6px;
	font-style: normal;
	color: #98a2b3;
}

/* colonna di destra: il link al racconto */
.griglia_partite_compatta .card_partita_piede {
	padding: 0;
	margin: 0;
	text-align: right;
}

.griglia_partite_compatta .partita_pulsante {
	display: inline-block;
	width: auto;
	padding: 0;
	background: none;
	font-family: "Barlow", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.5px;
	color: #d5232e;
	text-transform: uppercase;
}

@media screen and (max-width: 767px) {

	.griglia_partite_compatta .card_partita {
		grid-template-columns: 1fr;
		gap: 8px;
		padding: 14px 16px;
	}

	.griglia_partite_compatta .card_partita_testata {
		display: grid;
		grid-template-columns: auto 1fr;
		align-items: center;
		gap: 10px;
	}

	.griglia_partite_compatta .partita_competizione {
		margin-bottom: 0;
	}

	.griglia_partite_compatta .partita_quando {
		text-align: right;
	}

	.griglia_partite_compatta .card_partita_corpo {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		align-items: start;
		gap: 10px;
	}

	.griglia_partite_compatta .partita_squadra,
	.griglia_partite_compatta .partita_squadra:last-child {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 8px;
	}

	.griglia_partite_compatta .partita_logo {
		flex: 0 0 30px;
		width: 30px;
		height: 30px;
	}

	.griglia_partite_compatta .partita_nome {
		font-size: 12.5px;
		white-space: normal;
	}

	.griglia_partite_compatta .partita_punteggio {
		font-size: 18px;
	}

	.griglia_partite_compatta .card_partita_piede {
		margin-top: 4px;
		text-align: center;
	}
}

/* rifiniture per combaciare con la sezione che c'era prima */
.griglia_partite_compatta .partita_quando,
.griglia_partite_compatta .partita_data {
	border: none;
	text-decoration: none;
}

.griglia_partite_compatta .partita_pulsante::after {
	content: " \2192";
}

/* ultime due differenze con la versione precedente */
.griglia_partite_compatta .card_partita_testata {
	border: none;
	border-bottom: none;
	padding-bottom: 0;
	gap: 3px;
}

.griglia_partite_compatta .card_partita {
	padding: 11px 24px;
}

.griglia_partite_compatta .partita_data {
	line-height: 1.2;
}

.griglia_partite_compatta .partita_competizione {
	padding: 4px 10px;
}

/* il padding della colonna che ospita la sezione: le righe vanno a filo del riquadro */
.riga_risultati_home > .wpb_column > .vc_column-inner {
	padding-left: 0;
	padding-right: 0;
}

/* «Archivio risultati» più staccato */
.azioni_risultati {
	margin-top: 22px;
}

/* passaggio del mouse sul link Report: cambia solo il colore del testo */
.griglia_partite_compatta .partita_pulsante,
.griglia_partite_compatta .partita_pulsante:hover,
.griglia_partite_compatta .partita_pulsante:focus,
.griglia_partite_compatta .partita_pulsante:active {
	background: none;
	background-color: transparent;
	box-shadow: none;
	border: none;
	text-decoration: none;
}

.griglia_partite_compatta .partita_pulsante:hover,
.griglia_partite_compatta .partita_pulsante:focus {
	color: #b41d27;
}

/* righe tutte uguali e contenuto centrato in verticale */
.griglia_partite_compatta .card_partita {
	min-height: 72px;
	align-items: center;
}

.griglia_partite_compatta .card_partita_testata,
.griglia_partite_compatta .card_partita_corpo,
.griglia_partite_compatta .card_partita_piede {
	align-self: center;
	margin-top: 0;
	margin-bottom: 0;
}

.griglia_partite_compatta .card_partita_corpo {
	align-items: center;
}

.griglia_partite_compatta .partita_squadra,
.griglia_partite_compatta .partita_centro {
	align-items: center;
}

.griglia_partite_compatta .partita_nome,
.griglia_partite_compatta .partita_punteggio,
.griglia_partite_compatta .partita_data,
.griglia_partite_compatta .partita_pulsante {
	display: inline-flex;
	align-items: center;
}

.griglia_partite_compatta .partita_squadra .partita_nome {
	display: block;
}

/* respiro del riquadro: la prima e l'ultima riga non toccano il bordo */
.griglia_partite_compatta {
	padding-top: 6px;
	padding-bottom: 6px;
}

.griglia_partite_compatta .card_partita {
	padding-top: 13px;
	padding-bottom: 13px;
	min-height: 76px;
}

/* altezza identica per tutte le righe e punteggio centrato con il resto */
.griglia_partite_compatta .card_partita {
	min-height: 76px;
	box-sizing: border-box;
}

.griglia_partite_compatta .card_partita_corpo {
	height: 100%;
	align-items: center;
}

.griglia_partite_compatta .partita_centro {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.griglia_partite_compatta .partita_punteggio {
	display: flex;
	align-items: center;
	line-height: 1;
	margin: 0;
	padding: 0;
}

.griglia_partite_compatta .partita_punteggio i {
	display: inline-flex;
	align-items: center;
	line-height: 1;
}

.griglia_partite_compatta .partita_squadra {
	height: 100%;
	align-items: center;
}

/* l'appoggio del carattere condensato sposta il punteggio in basso: lo ricentro */
.griglia_partite_compatta .partita_centro {
	align-items: center;
}

.griglia_partite_compatta .partita_punteggio {
	position: relative;
	top: -7px;
}

/* nessun margine verticale dentro la riga: lo spazio lo decide solo la griglia */
.griglia_partite_compatta .card_partita > *,
.griglia_partite_compatta .card_partita > * > *,
.griglia_partite_compatta .card_partita > * > * > * {
	margin-top: 0;
	margin-bottom: 0;
}

.griglia_partite_compatta .card_partita_piede,
.griglia_partite_compatta .partita_pulsante,
.griglia_partite_compatta .partita_quando,
.griglia_partite_compatta .partita_data,
.griglia_partite_compatta .partita_competizione,
.griglia_partite_compatta .partita_nome,
.griglia_partite_compatta .partita_punteggio,
.griglia_partite_compatta .partita_logo {
	margin-top: 0;
	margin-bottom: 0;
}

/* le tre colonne occupano tutta l'altezza e centrano da sole il contenuto:
   così una riga senza «Report» si comporta come una che ce l'ha */
.griglia_partite_compatta .card_partita_testata,
.griglia_partite_compatta .card_partita_corpo,
.griglia_partite_compatta .card_partita_piede {
	display: flex;
	height: 100%;
	align-items: center;
}

.griglia_partite_compatta .card_partita_testata {
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.griglia_partite_compatta .card_partita_piede {
	justify-content: flex-end;
}

/* su telefono la riga si adatta al contenuto: l'altezza fissa vale solo da computer */
@media screen and (max-width: 767px) {

	.griglia_partite_compatta .card_partita {
		height: auto;
	}

	.griglia_partite_compatta .card_partita_testata,
	.griglia_partite_compatta .card_partita_corpo,
	.griglia_partite_compatta .card_partita_piede {
		height: auto;
	}

	.griglia_partite_compatta .partita_squadra {
		height: auto;
	}

	.griglia_partite_compatta .partita_punteggio {
		top: 0;
	}
}

.griglia_partite_compatta .card_partita_testata {
	position: relative;
	top: 2px;
}

@media screen and (max-width: 767px) {

	.griglia_partite_compatta .card_partita_testata {
		top: 0;
	}
}

/* niente gap fra le righe: si toccano e il separatore e' il bordo della riga */
.griglia_partite.griglia_partite_compatta {
	gap: 0;
	row-gap: 0;
	column-gap: 0;
}

@media screen and (max-width: 767px) {

	.griglia_partite.griglia_partite_compatta {
		gap: 0;
		row-gap: 0;
	}

	.riga_risultati_home,
	.riga_risultati_home > .vc_column_container,
	.riga_risultati_home .vc_column-inner {
		padding-left: 0;
		padding-right: 0;
		gap: 0;
		row-gap: 0;
	}
}

/* da telefono la riga della home arriva ai lati come le altre sezioni:
   la classe e' ripetuta per superare gli stili che WPBakery stampa dopo */
@media screen and (max-width: 767px) {

	body .vc_row.riga_risultati_home.riga_risultati_home,
	body .riga_risultati_home.riga_risultati_home > .vc_column_container,
	body .riga_risultati_home.riga_risultati_home .vc_column-inner {
		padding-left: 0;
		padding-right: 0;
	}
}

.sez_calendario:last-of-type {
	padding-bottom: 56px;
}

/* respiro del blocco calendario: la prima e l'ultima chiudono il beige.
   specificita' alta perche' il custom CSS del tema esce dopo, e con !important */
body .sezione_abb.sez_calendario.sez_prima,
body .sezione_abb.sez_calendario.sez_gruppo {
	padding-bottom: 56px !important;
}

/* nel calendario le righe respirano di piu': 125px invece di 76 */
.sez_calendario .griglia_partite_compatta .card_partita {
	min-height: 125px;
}

/* la data non si porta dietro interlinea propria */
.griglia_partite_compatta .partita_data {
	line-height: 1;
}

/* la colonna di sinistra e' centrata davvero, non solo allungata */
body .griglia_partite_compatta .card_partita .card_partita_testata {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: center !important;
	height: 100% !important;
	top: 0 !important;
}

@media screen and (max-width: 767px) {

	body .griglia_partite_compatta .card_partita .card_partita_testata {
		display: grid !important;
		grid-template-columns: auto 1fr;
		align-items: center !important;
		height: auto !important;
	}
}

/* la data non deve allungarsi a riempire la colonna: resta della sua altezza */
body .griglia_partite_compatta .card_partita .partita_quando {
	flex: 0 0 auto;
	height: auto;
}