/* ------------------------------------------------------------------
 * Standings Tabs - Navigazione competizioni
 * ------------------------------------------------------------------ */
.oas-standings-tabs {
	margin: 0;
	padding: var(--space-base) var(--space-md) 0;
}

@media (min-width: 768px) {
	.oas-standings-tabs {
		padding: var(--space-2xl) var(--space-xl) 0;
	}
}

@media (min-width: 1200px) {
	.oas-standings-tabs {
		padding: 48px 64px 0;
	}
}

.oas-standings-tabs__nav {
	display: flex;
	gap: 0;
	border-bottom: 2px solid var(--color-gray-200, #e5e7eb);
	margin-bottom: 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	justify-content: center;
}

.oas-standings-tabs__nav::-webkit-scrollbar {
	display: none;
}

.oas-standings-tabs__btn {
	appearance: none;
	border: none;
	background: transparent;
	padding: var(--space-base) var(--space-lg);
	font-weight: var(--font-weight-semibold);
	text-transform: uppercase !important;
	color: var(--color-black, #010101);
	cursor: pointer;
	white-space: nowrap;
	position: relative;
	transition: color 0.2s ease;
	border-bottom: 2px solid transparent;
	margin-bottom: -2px;
	font-family: "Saira Extra Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	font-size: 32px !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
	letter-spacing: 0 !important;
	font-style: normal !important;
}

/* Logo hidden on desktop, shown on mobile */
.oas-standings-tabs__btn-logo {
	display: none;
}

.oas-standings-tabs__btn:hover {
	color: var(--color-gray-900);
}

.oas-standings-tabs__btn.is-active {
	color: var(--color-primary, #c8102e);
	border-bottom-color: var(--color-primary, #c8102e);
	font-weight: var(--font-weight-bold);
}

/* ------------------------------------------------------------------
 * Mobile nav: icon-style app tabs (logo sopra, label sotto)
 * ------------------------------------------------------------------ */
@media (max-width: 767px) {
	.oas-standings-tabs__nav {
		justify-content: flex-start;
		gap: 0;
		border-bottom: none;
		padding: 0 var(--space-sm);
	}

	.oas-standings-tabs__btn {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 6px;
		flex: 1 1 0;
		min-width: 0;
		padding: var(--space-sm) var(--space-xs);
		margin-bottom: 0;
		border-bottom: none;
		border-top: 3px solid transparent;
		font-size: 11px !important;
		font-weight: 600 !important;
		text-transform: uppercase !important;
		letter-spacing: 0.02em !important;
		line-height: 1.2 !important;
		white-space: normal;
		text-align: center;
		color: var(--color-gray-600);
	}

	.oas-standings-tabs__btn-logo {
		display: block;
		width: 48px;
		height: 48px;
		object-fit: contain;
		flex-shrink: 0;
	}

	.oas-standings-tabs__btn-label {
		font-size: 11px;
		line-height: 1.2;
	}

	.oas-standings-tabs__btn.is-active {
		color: var(--color-primary, #c8102e);
		border-top-color: var(--color-primary, #c8102e);
		border-left: 3px solid var(--color-primary, #c8102e);
		border-right: 3px solid var(--color-primary, #c8102e);
		border-bottom-color: transparent;
		border-radius: 16px 16px 0 0;
	}

	.oas-standings-tabs__btn:hover {
		color: var(--color-gray-900);
	}
}

.oas-standings-tabs__panel {
	display: none;
}

.oas-standings-tabs__panel.is-active {
	display: block;
}

/* Rimuovo il padding top dal template dentro i tab (evita doppio spazio) */
.oas-standings-tabs__panel .sp-template-league-table {
	padding-top: 0;
}

/* Nascondo il titolo tabella (sp-table-caption) dentro i tab: ridondante col nome tab */
.oas-standings-tabs__panel .sp-table-caption {
	display: none !important;
}

/**
 * SportsPress - League Standings Table
 * Stile classifica come da Figma:
 *  - righe alternate bianco / grigio chiaro
 *  - logo + nome squadra inline
 *  - colonna "Punti" in grassetto
 *  - barra colorata a sinistra: verde top 8 (playoff), rossa ultime 2 (retrocessione)
 *  - nessuna freccia di trend
 */

/* ------------------------------------------------------------------
 * Wrapper / tabella
 * ------------------------------------------------------------------ */
.sp-template-league-table {
	margin: 0;
	padding: var(--space-base) var(--space-md);
	box-sizing: border-box;
}

@media (min-width: 768px) {
	.sp-template-league-table {
		padding: var(--space-2xl) var(--space-xl);
	}
}

@media (min-width: 1200px) {
	.sp-template-league-table {
		padding: 48px 64px;
	}
}

.sp-template-league-table .sp-table-wrapper {
	overflow-x: auto;
}

/* ------------------------------------------------------------------
 * Caption (titolo tabella es. "LBA (Serie A) 2025").
 * Override del default scuro di SportsPress: titolo pulito Saira 24px.
 * ------------------------------------------------------------------ */
.sp-template-league-table .sp-table-caption,
.sp-template-league-table h2.sp-table-caption,
.sp-template-league-table h3.sp-table-caption,
.sp-template-league-table h4.sp-table-caption {
	display: block;
	background: transparent !important;
	color: var(--color-gray-900) !important;
	font-family: 'Saira Condensed', sans-serif;
	font-size: 24px;
	font-weight: var(--font-weight-semibold);
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: none;
	text-align: center;
	padding: 0;
	margin: 0 0 var(--space-base);
	border: 0;
	box-shadow: none;
	padding-bottom: 10px;
}

.sp-template-league-table table.sp-league-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background: transparent;
	border: 0;
	font-family: inherit;
	font-size: var(--font-size-base);
	color: var(--color-gray-900);
}

/* Reset bordi residui del tema parent. */
.sp-template-league-table table.sp-league-table,
.sp-template-league-table table.sp-league-table th,
.sp-template-league-table table.sp-league-table td,
.sp-template-league-table table.sp-league-table tr {
	border: 0;
	background-image: none;
	box-shadow: none;
}

/* ------------------------------------------------------------------
 * Header
 * ------------------------------------------------------------------ */
.sp-template-league-table table.sp-league-table thead th {
	background: transparent;
	color: var(--color-black);
	font-size: 13px;
	font-weight: var(--font-weight-normal);
	text-transform: none;
	letter-spacing: 0.02em;
	text-align: center;
	padding: var(--space-md) var(--space-sm);
	white-space: nowrap;
	font-family: 'Inter', sans-serif;
	border-bottom: none;
}
.sp-template-league-table table.sp-league-table thead th abbr {
	border-bottom: none;
	text-decoration: none !important;
}

.sp-template-league-table table.sp-league-table thead th.data-rank {
	width: 56px;
	text-align: center;
}

.sp-template-league-table table.sp-league-table thead th.data-name {
	text-align: left;
	padding-left: var(--space-base);
}

/* ------------------------------------------------------------------
 * Righe corpo - alternate
 * ------------------------------------------------------------------ */
 .sp-template-league-table table.sp-league-table tbody tr {
	background: var(--color-white) !important;
	transition: background var(--transition-fast);
}

.sp-template-league-table table.sp-league-table tbody tr td{
	background: none !important;
}

.sp-template-league-table table.sp-league-table tbody tr:nth-child(odd) {
	background: var(--background-grey) !important;
}

.sp-template-league-table table.sp-league-table tbody tr:hover {
	background: var(--color-gray-100);
}

/* ------------------------------------------------------------------
 * Celle corpo
 * ------------------------------------------------------------------ */
.sp-template-league-table table.sp-league-table tbody td {
	padding: var(--space-base) var(--space-sm);
	text-align: center;
	vertical-align: middle;
	font-size: var(--font-size-base);
	color: var(--color-gray-900);
	border: 0;
	position: relative;
}

/* Colonna posizione. */
.sp-template-league-table table.sp-league-table tbody td.data-rank {
	width: 56px;
	font-weight: var(--font-weight-medium);
	color: var(--color-gray-700);
	text-align: center;
}

/* Colonna squadra: logo + nome inline. */
.sp-template-league-table table.sp-league-table tbody td.data-name {
	text-align: left;
	padding-left: var(--space-base);
	height: auto;
}

/* Forza la cella e il link a usare flex per allineare logo + testo in riga. */
.sp-template-league-table table.sp-league-table tbody td.data-name a {
	display: inline-flex;
	align-items: center;
	color: var(--color-gray-900);
	text-decoration: none;
}

/* Il wrapper .team-logo deve avere dimensione esplicita per contenere l'img. */
.sp-template-league-table table.sp-league-table tbody td.data-name .team-logo,
.sp-template-league-table table.sp-league-table .team-logo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 64px;
	height: 64px;
	min-width: 64px;
	min-height: 64px;
	margin-right: 15px;
}

/* Immagine logo: 64px max, non trasborda dal wrapper. */
.sp-template-league-table table.sp-league-table tbody td.data-name .team-logo img,
.sp-template-league-table table.sp-league-table tbody td.data-name img.team-logo,
.sp-league-table .team-logo img {
	display: block;
	width: 64px;
	height: 64px;
	max-width: 64px;
	max-height: 64px;
	object-fit: contain;
	padding: 0;
	margin: 0;
}

/* Le righe si adattano all'altezza del contenuto (logo 64px). */
.sp-template-league-table table.sp-league-table tbody tr {
	height: auto;
}

.sp-template-league-table table.sp-league-table tbody td {
	height: auto;
}

/* Colonna Punti in grassetto. */
.sp-template-league-table table.sp-league-table tbody td.data-pts {
	font-weight: var(--font-weight-bold);
	color: var(--color-gray-900);
	font-size: var(--font-size-md);
}

/* ------------------------------------------------------------------
 * Barra colorata a sinistra (zone playoff / retrocessione).
 * LBA Serie A: 1-8 playoff (verde), 15-16 retrocessione (rosso).
 * Le righe SportsPress hanno classe sp-row-no-{indice} (0-based).
 * ------------------------------------------------------------------ */
.sp-template-league-table table.sp-league-table tbody tr td:first-child {
	border-left: 3px solid transparent;
}

/* Dalla prima all'ottava in classifica, bordo verde per indicare i playoff (solo LBA) */
.sp-template-league-table table.sp-league-table-7896 tbody tr.sp-row-no-0 td:first-child,
.sp-template-league-table table.sp-league-table-7896 tbody tr.sp-row-no-1 td:first-child,
.sp-template-league-table table.sp-league-table-7896 tbody tr.sp-row-no-2 td:first-child,
.sp-template-league-table table.sp-league-table-7896 tbody tr.sp-row-no-3 td:first-child,
.sp-template-league-table table.sp-league-table-7896 tbody tr.sp-row-no-4 td:first-child,
.sp-template-league-table table.sp-league-table-7896 tbody tr.sp-row-no-5 td:first-child,
.sp-template-league-table table.sp-league-table-7896 tbody tr.sp-row-no-6 td:first-child,
.sp-template-league-table table.sp-league-table-7896 tbody tr.sp-row-no-7 td:first-child {
	border-left-color: #2ecc71;
}

/* Le ultime due squadre in classifica, 15ma e 16ma posizione, bordo rosso perché retrocedono (solo LBA) */
.sp-template-league-table table.sp-league-table-7896 tbody tr.sp-row-no-14 td:first-child,
.sp-template-league-table table.sp-league-table-7896 tbody tr.sp-row-no-15 td:first-child {
	border-left-color: var(--color-primary);
}

/* ------------------------------------------------------------------
 * Rimozione frecce di trend (se mai aggiunte da widget terzi).
 * ------------------------------------------------------------------ */
.sp-template-league-table .sp-trend,
.sp-template-league-table .sp-position-arrow,
.sp-template-league-table .sp-arrow-up,
.sp-template-league-table .sp-arrow-down {
	display: none !important;
}

/* ------------------------------------------------------------------
 * % Vittorie: sempre visibile, override del responsive di SportsPress
 * che la nasconderebbe a breakpoint bassi tramite data-priority.
 * ------------------------------------------------------------------ */
.sp-template-league-table table.sp-league-table th.data-pct,
.sp-template-league-table table.sp-league-table td.data-pct {
	display: table-cell !important;
	white-space: nowrap;
}

/* ------------------------------------------------------------------
 * Mobile <= 768px: mostra solo Posizione, Squadra, Punti, % Vittorie.
 * Le altre colonne (PG, V, P, Canestri fatti, Differenza) sono nascoste.
 * ------------------------------------------------------------------ */
@media (max-width: 768px) {
	.sp-template-league-table table.sp-league-table th.data-gp,
	.sp-template-league-table table.sp-league-table td.data-gp,
	.sp-template-league-table table.sp-league-table th.data-w,
	.sp-template-league-table table.sp-league-table td.data-w,
	.sp-template-league-table table.sp-league-table th.data-l,
	.sp-template-league-table table.sp-league-table td.data-l,
	.sp-template-league-table table.sp-league-table th.data-pf,
	.sp-template-league-table table.sp-league-table td.data-pf,
	.sp-template-league-table table.sp-league-table th.data-diff,
	.sp-template-league-table table.sp-league-table td.data-diff {
		display: none;
	}

	.sp-template-league-table table.sp-league-table tbody td.data-name {
		font-size: var(--font-size-sm);
	}

	.sp-template-league-table table.sp-league-table tbody td.data-name img.team-logo {
		width: 28px;
		height: 28px;
		margin-right: var(--space-sm);
	}

	.sp-template-league-table table.sp-league-table tbody td.data-name .team-logo,
	.sp-template-league-table table.sp-league-table .team-logo {
		width: 28px;
		height: 28px;
		min-width: 28px;
		min-height: 28px;
		margin-right: 8px;
	}

	.sp-template-league-table table.sp-league-table tbody td.data-name .team-logo img,
	.sp-league-table .team-logo img {
		width: 28px;
		height: 28px;
		max-width: 28px;
		max-height: 28px;
	}
}

/* ------------------------------------------------------------------
 * Mobile piccoli <= 380px: compatta padding e font ma mantieni pct.
 * ------------------------------------------------------------------ */
@media (max-width: 380px) {
	.sp-template-league-table table.sp-league-table thead th,
	.sp-template-league-table table.sp-league-table tbody td {
		padding: var(--space-sm) var(--space-xs);
		font-size: var(--font-size-xs);
	}

	.sp-template-league-table table.sp-league-table tbody td.data-rank {
		width: 32px;
	}

	.sp-template-league-table table.sp-league-table tbody td.data-name {
		padding-left: var(--space-sm);
	}

	.sp-template-league-table table.sp-league-table tbody td.data-name img.team-logo {
		width: 24px;
		height: 24px;
		margin-right: var(--space-xs);
	}

	.sp-template-league-table table.sp-league-table tbody td.data-name .team-logo,
	.sp-template-league-table table.sp-league-table .team-logo {
		width: 24px;
		height: 24px;
		min-width: 24px;
		min-height: 24px;
		margin-right: 6px;
	}

	.sp-template-league-table table.sp-league-table tbody td.data-name .team-logo img,
	.sp-league-table .team-logo img {
		width: 24px;
		height: 24px;
		max-width: 24px;
		max-height: 24px;
	}

	.sp-template-league-table table.sp-league-table tbody td.data-pts {
		font-size: var(--font-size-base);
	}
}