/* =========================================================
   === V11 — Archive môn theo ngữ cảnh cho từng CPT
   URL: /events/{môn}/ · /tournaments/{môn}/ · /players/{môn}/ · /venues/{môn}/
   Chỉ bổ sung phần cần thiết cho hero archive + hàng pill môn + tinh chỉnh card.
   Nền tảng .sf-hero / .sf-filters / .sf-pill / .sf-grid / .sf-card-sport
   đã có sẵn trong sportify.css — KHÔNG sửa css cũ.
   File này được enqueue SAU sportify-v10.css.
   ========================================================= */

/* ---------- 1) Hero archive theo ngữ cảnh ---------- */
.sf-v11-hero{
	position:relative;
	overflow:hidden;
}
.sf-v11-hero::after{
	content:"";
	position:absolute;
	right:-120px;
	top:-120px;
	width:320px;
	height:320px;
	border-radius:50%;
	background:var(--sf-lime);
	opacity:.10;
	pointer-events:none;
}
.sf-v11-hero .sf-container{position:relative;z-index:1}
.sf-v11-hero h1{max-width:900px;margin:0 0 var(--sp3)}
.sf-v11-hero .sf-kicker{color:var(--sf-lime)}

/* ---------- 2) Hàng pill môn trên archive ---------- */
.sf-v11-archive .sf-filters{
	margin-bottom:var(--sp6);
}
.sf-v11-archive .sf-pill{
	white-space:nowrap;
}

/* ---------- 3) Tinh chỉnh card (không đổi cấu trúc) ---------- */
.sf-v11-archive .sf-card-body{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:6px;
}
.sf-v11-archive .sf-card-body .sf-btn{
	margin-top:auto;
}
.sf-v11-archive .sf-pagination,
.sf-v11-archive .navigation.pagination{
	margin-top:var(--sp6);
}
.sf-v11-archive .sf-empty-state{
	margin:0 0 var(--sp6);
}

/* ---------- 4) Mobile ---------- */
@media (max-width:768px){
	.sf-v11-hero h1{font-size:clamp(26px,7vw,34px);line-height:1.15}
	.sf-v11-hero::after{width:200px;height:200px;right:-80px;top:-80px}
	.sf-v11-archive .sf-filters{gap:8px}
}