/* Bari News: classifica e marcatori del girone C, stile biancorosso */

.bari-classifica {
	--bc-promozione: #1a7f37;
	--bc-playoff: #2563c9;
	--bc-playout: #e08a00;
	--bc-retrocessione: #8a8f98;
	--bc-evidenza: #fdecef;
}

.bari-classifica.bc-griglia {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr);
	gap: 24px;
	align-items: start;
}

.bari-classifica .bp-card { text-align: left; }
.bc-titolo { margin: 0 0 4px; font-size: 1.35rem; color: var(--bp-testo); }
.bari-classifica .bp-comp { margin-bottom: 12px; }

/* Tabella */
.bc-scorri { overflow-x: auto; margin: 0 -20px; padding: 0 20px; }

.bc-tabella {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.92rem;
	font-variant-numeric: tabular-nums;
}

.bc-tabella th {
	padding: 8px 6px;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--bp-tenue);
	text-align: center;
	border-bottom: 2px solid var(--bp-linea);
	white-space: nowrap;
}

.bc-tabella td {
	padding: 7px 6px;
	text-align: center;
	border-bottom: 1px solid var(--bp-linea);
	white-space: nowrap;
}

.bc-tabella .bc-squadra { text-align: left; width: 100%; }
.bc-sq { display: flex; align-items: center; gap: 10px; min-width: 150px; }
.bc-nome { overflow: hidden; text-overflow: ellipsis; }
.bc-tabella .bp-stemma { width: 24px; height: 24px; font-size: 0.7rem; flex: none; }
.bc-punti { font-weight: 800; font-size: 1rem; }
.bc-pen { color: var(--bp-rosso); font-weight: 700; }

/* Zone: barretta colorata accanto alla posizione */
.bc-tabella td.bc-pos { position: relative; width: 34px; font-weight: 700; color: var(--bp-tenue); }
.bc-riga td.bc-pos::before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	bottom: 6px;
	width: 4px;
	border-radius: 2px;
}
.bc-zona-promozione td.bc-pos::before, .bc-legenda .bc-zona-promozione { background: var(--bc-promozione); }
.bc-zona-playoff td.bc-pos::before, .bc-legenda .bc-zona-playoff { background: var(--bc-playoff); }
.bc-zona-playout td.bc-pos::before, .bc-legenda .bc-zona-playout { background: var(--bc-playout); }
.bc-zona-retrocessione td.bc-pos::before, .bc-legenda .bc-zona-retrocessione { background: var(--bc-retrocessione); }

/* Riga del Bari */
.bc-tabella tr.bc-bari td {
	background: var(--bc-evidenza);
	color: var(--bp-rosso-scuro);
	font-weight: 700;
	border-bottom-color: #f4c4cd;
}
.bc-tabella tr.bc-bari td:first-child { box-shadow: inset 3px 0 0 var(--bp-rosso); }
.bc-tabella tr.bc-bari td:last-child { box-shadow: inset -3px 0 0 var(--bp-rosso); }
.bc-tabella tr.bc-bari td.bc-punti { color: var(--bp-rosso); }

/* Forma */
.bc-forma { display: inline-flex; gap: 3px; }
.bc-f {
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	border-radius: 4px;
	font-size: 0.65rem;
	font-weight: 800;
	color: #fff;
	text-align: center;
}
.bc-f-v { background: var(--bp-verde); }
.bc-f-n { background: var(--bp-grigio); }
.bc-f-p { background: var(--bp-rosso); }

/* Legenda e note */
.bc-legenda { display: flex; flex-wrap: wrap; gap: 6px 16px; list-style: none; margin: 14px 0 0; padding: 0; font-size: 0.8rem; color: var(--bp-tenue); }
.bc-legenda li { display: inline-flex; align-items: center; gap: 6px; }
.bc-legenda span { display: inline-block; width: 10px; height: 10px; border-radius: 2px; }
.bc-nota { margin: 10px 0 0; font-size: 0.78rem; color: var(--bp-tenue); }
.bc-nota a { color: var(--bp-rosso) !important; }

/* Marcatori */
.bc-elenco-marcatori { list-style: none; margin: 8px 0 0; padding: 0; }
.bc-elenco-marcatori li {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 9px 8px;
	border-bottom: 1px solid var(--bp-linea);
}
.bc-elenco-marcatori .bc-pos { width: 22px; font-weight: 700; color: var(--bp-tenue); text-align: center; flex: none; }
.bc-chi { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.bc-chi strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bc-chi small { color: var(--bp-tenue); font-size: 0.8rem; }
.bc-gol {
	min-width: 34px;
	padding: 3px 8px;
	border-radius: 999px;
	background: #f1f1f3;
	font-weight: 800;
	text-align: center;
	font-variant-numeric: tabular-nums;
}
.bc-elenco-marcatori li.bc-bari { background: var(--bc-evidenza); border-radius: 6px; box-shadow: inset 3px 0 0 var(--bp-rosso); }
.bc-elenco-marcatori li.bc-bari strong { color: var(--bp-rosso-scuro); }
.bc-elenco-marcatori li.bc-bari .bc-gol { background: var(--bp-rosso); color: #fff; }

/* Tablet e telefono */
@media (max-width: 960px) {
	.bari-classifica.bc-griglia { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
	.bari-classifica .bp-card { padding: 14px 12px 16px; }
	.bc-scorri { margin: 0 -12px; padding: 0 12px; }
	.bc-tabella { font-size: 0.85rem; }
	.bc-tabella th, .bc-tabella td { padding: 7px 4px; }
	.bc-extra, .bc-forma-col { display: none; }
	.bc-sq { min-width: 0; max-width: 46vw; gap: 6px; }
	.bc-tabella .bp-stemma { width: 20px; height: 20px; }
}