/* =========================================================
   === V10 — Trang môn thể thao (taxonomy sf_sport_tax)
   URL đẹp /the-thao/{slug}/. Chỉ bổ sung ghi đè cho trang taxonomy:
   hero + chip môn, đoạn mô tả term (intro), hai mục Giải đấu / Tin tức.
   Nền tảng card tái dùng .sf-card-sport / .sf-grid / .sf-sec-head có sẵn.
   File này được enqueue SAU sportify-v9.css; KHÔNG sửa css cũ.
   ========================================================= */

/* ---------- 1) Hero trang môn ---------- */
.sf-tax-hero{
	position:relative;
	overflow:hidden;
}
.sf-tax-hero::after{
	content:"";
	position:absolute;
	right:-120px; top:-120px;
	width:340px; height:340px;
	border-radius:50%;
	background:var(--sf-tax-accent,var(--sf-lime));
	opacity:.12;
	pointer-events:none;
}
.sf-tax-hero .sf-container{position:relative; z-index:1}

/* Chip môn (kế thừa .sf-pill nhưng là span, không phải nút bấm) */
.sf-tax-chip{
	display:inline-block;
	border:none;
	font-family:var(--sf-mono);
	font-size:11px;
	letter-spacing:.16em;
	padding:6px 14px;
	border-radius:30px;
	margin:0 0 var(--sp2);
	cursor:default;
}

/* Kicker + H1 riêng trang môn: không cho H1 giãn quá rộng */
.sf-tax-hero h1{
	max-width:900px;
	margin:0 0 var(--sp3);
}
.sf-tax-hero .sf-kicker{color:var(--sf-lime)}

/* Đoạn mô tả term (native Description) dưới H1 */
.sf-tax-intro{
	max-width:760px;
	color:#c8d4e0;
	font-size:15.5px;
	line-height:1.7;
	margin-top:var(--sp3);
}
.sf-tax-intro p{margin:0 0 var(--sp3)}
.sf-tax-intro p:last-child{margin-bottom:0}
.sf-tax-intro a{color:var(--sf-lime);text-decoration:underline}
.sf-tax-intro strong{color:#fff}

/* ---------- 2) Hai mục Giải đấu / Tin tức ---------- */
.sf-tax-tours .sf-sec-head,
.sf-tax-news .sf-sec-head{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:var(--sp4);
	flex-wrap:wrap;
	margin-bottom:var(--sp6);
}
.sf-tax-news .sf-h2{color:var(--sf-navy)}
.sf-tax-news .sf-card-sport{background:#fff}
.sf-tax-tours .sf-empty-state,
.sf-tax-news .sf-empty-state{margin:0}

/* ---------- 3) Mobile ---------- */
@media (max-width:768px){
	.sf-tax-hero h1{font-size:clamp(26px,7vw,34px);line-height:1.15}
	.sf-tax-intro{font-size:15px}
	.sf-tax-tours .sf-sec-head,
	.sf-tax-news .sf-sec-head{align-items:flex-start}
	.sf-tax-hero::after{width:220px;height:220px;right:-90px;top:-90px}
}