/* CricketWindies "Live Scores" sidebar card — international + CPL matches
   only (filtering happens server-side, see inc/tasks/windies_live_scores.php).
   Styled to read like an actual scoreboard: monospace score digits, a green
   accent bar down the side of whichever match is currently live.

   .scores-body/h2 deliberately mirror .news-body/.grounds-body's plain
   heading rather than .side-card__heading's maroon banner bar — this card
   sits directly below those two, and the heavier banner (needed on
   Shoutbox for its LIVE badge + collapse button) made it read as a
   second, disconnected "hero" section rather than a peer of the two
   cards right above it. */

.scores-card { margin-top: 12px; }
.scores-body { padding: 14px 18px 12px; }
.scores-body h2 { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font-size: 20px; line-height: 1.2; }

.scores-list { margin: 0; padding: 0; list-style: none; }

.score-item {
	position: relative;
	padding: 7px 0 7px 0;
	border-bottom: 1px solid var(--border);
}

.score-item:last-child { border-bottom: 0; padding-bottom: 0; }
.score-item:first-child { padding-top: 0; }

/* The accent bar itself — a pseudo-element rather than a plain border so it
   can run the full height of the row regardless of content, same trick as
   .post-author_item's active-state left border elsewhere in this theme. */
.score-item--live::before {
	content: "";
	position: absolute;
	top: 2px;
	bottom: 9px;
	left: 0;
	width: 3px;
	background: var(--online);
}

.score-item__series {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 4px;
	color: var(--muted);
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .4px;
}

.score-item__series-name {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.score-item__date {
	flex: none;
	font-weight: 600;
	letter-spacing: normal;
	text-transform: none;
}

.score-live-pill {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--online);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .3px;
}

.score-team {
	display: flex;
	align-items: center;
	gap: 7px;
	padding: 1px 0;
}

.score-team__logo {
	flex: none;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	object-fit: cover;
	background: var(--surface-alt);
}

.score-team__logo--blank {
	border: 1px solid var(--border);
}

.score-team__name {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	color: var(--ink);
	font-size: 12.5px;
	font-weight: 400;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* Monospace + tabular-nums: the whole point of a scoreboard is that the
   digits line up column-for-column between rows — a proportional font lets
   "139/2" and "20/1" sit at different widths, which reads a lot less like
   an actual scoreboard. */
.score-team__score {
	flex: none;
	color: var(--ink);
	font-family: ui-monospace, "SF Mono", Consolas, monospace;
	font-size: 12.5px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.score-item__status {
	display: block;
	margin-top: 4px;
	color: var(--muted);
	font-size: 11px;
	line-height: 1.3;
}

.score-item--empty {
	padding-left: 0;
	color: var(--muted);
	font-size: 13px;
}

.scores-source { margin: 10px 0 0; color: var(--muted); font-size: 12px; }
.scores-source a { text-decoration: underline; }

[data-theme="dark"] .score-team__logo--blank { border-color: var(--border); }