/* =========================================================
 * SPORTIFY V23 — Sửa bộ lọc nhanh che khối "Tổ chức giải đấu cùng Sportify"
 * ---------------------------------------------------------
 * V22 đặt sticky lên .sfta-filter-card (top tự động + max-height + overflow).
 * Nhưng .sfta-org nằm SAU card trong cùng <aside>, nên khi card dài hơn
 * màn hình (mở hết accordion), card dán vẫn phủ lên khối .sfta-org bên dưới.
 *
 * Cách sửa: chuyển vùng sticky lên CHÍNH <aside class="sfta-side"> để cả
 * bộ lọc + khối tổ chức cùng dán và cùng cuộn trong một vùng.
 *   - .sfta-side : sticky, giới hạn chiều cao theo viewport, cuộn nội bộ
 *   - .sfta-filter-card : bỏ sticky (trở lại tĩnh), bỏ max-height/overflow
 *   - .sfta-org : không còn bị che vì nằm chung vùng cuộn
 * Nạp sau v22 nên ghi đè an toàn.
 * ========================================================= */

/* 1) Vùng sticky chuyển lên <aside> — cả cột phải dán & cuộn cùng nhau. */
.sfta-side {
	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;
	align-self: start;
}
.sfta-side::-webkit-scrollbar { width: 6px; }
.sfta-side::-webkit-scrollbar-thumb { background: #d5dde7; border-radius: 999px; }

/* 2) Bỏ sticky/giới hạn chiều cao ở card lọc (V22) — nó là con của aside. */
.sfta-filter-card {
	position: static;
	top: auto;
	max-height: none;
	overflow: visible;
	overscroll-behavior: auto;
}

/* 3) Khối "Tổ chức giải đấu cùng Sportify" — không còn bị đè. */
.sfta-org {
	margin-top: 18px;
}

/* 4) Mobile/tablet: bỏ hẳn sticky, để cả cột cuộn tự nhiên như trang. */
@media (max-width: 900px) {
	.sfta-side {
		position: static;
		top: auto;
		max-height: none;
		overflow: visible;
	}
}