/* =========================================================
 * SPORTIFY V22 — Bản vá theo yêu cầu
 *   1) (ĐÃ HOÀN TÁC) Chữ xám/mờ -> trắng: trả về màu gốc theo yêu cầu.
 *   2) Trạng thái giải đấu: qua ngày/kết thúc -> "Kết thúc" + đẩy về sau
 *   3) Sửa bộ lọc nhanh sticky che nội dung (top 80px -> tự động theo header)
 * Nạp sau v21 nên ghi đè an toàn.
 * ========================================================= */

/* ---------- 3) BỘ LỌC NHANH: KHÔNG CHE NỘI DUNG ---------- */
/* sticky top 80px nhưng header cao hơn -> bị che. Dùng biến --sf-hd + cho phép
   sidebar cuộn nội bộ khi cao hơn màn hình. */
.sfta-filter-card {
	position: sticky;
	top: calc(var(--sf-hd, 96px) + 12px);
	max-height: calc(100vh - var(--sf-hd, 96px) - 28px);
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
}
.sfta-filter-card::-webkit-scrollbar { width: 6px; }
.sfta-filter-card::-webkit-scrollbar-thumb { background: #d5dde7; border-radius: 999px; }

/* ---------- 2) TRẠNG THÁI "KẾT THÚC" (badge xám) ---------- */
.sf-st-ended,
.sft-st.sf-st-ended {
	background: #64748b !important;
	color: #fff !important;
}
.sfta-card.is-ended {
	opacity: .72;
}
.sfta-card.is-ended .sfta-card-media { filter: grayscale(.55); }

@media (max-width: 900px) {
	.sfta-filter-card {
		position: static;
		max-height: none;
		overflow: visible;
	}
}