/* =========================================================
   ===  V8 — neutral eyebrow, brand-marquee, dynamic sports,
   tour-feat 2col, register CTA, news single sidebar order,
   end-of-post find-court + live-tour ticker + spacing rhythm
   ========================================================= */
/* 1) Bỏ màu cam trang trí trên eyebrow/kicker -> slate trung tính
   (vẫn giữ lime accent trong hero navy; giữ coral ở CTA/status/icon). */
.sf-kicker{color:#5b6f86 !important}
.sf-hero .sf-kicker,.sf-hero-in .sf-kicker,.sf-single-hero .sf-kicker{color:var(--sf-lime) !important}
.sf-sec-head .sf-kicker,.sf-section .sf-kicker{color:#5b6f86 !important}
:is(.sf-sport-card-name,.sf-sec-head,.sf-news-band) .sf-kicker{color:#5b6f86}
.sf-tour-item .sf-kicker,.sf-product .sf-kicker,.sf-about-pg .sf-kicker{color:#5b6f86 !important}

/* Eyebrow .sf-eyebrow / overline "… / NEWS+GEAR" slate */
.sf-eyebrow,.sf-ev{color:#52647b !important}
.sf-sport-band .sf-overline,.sf-news-overline,.sf-band-overline{color:#4f627a !important}

/* 2) Brand strip (phía dưới hero) */
.sf-brand-strip{background:var(--sf-cream);border-top:1px solid rgba(11,28,44,.05);border-bottom:1px solid rgba(11,28,44,.05);overflow:hidden}
.sf-brand-strip-in{margin:0 auto} /* max handled via parent layout */
.sf-brand-track{display:flex;gap:14px;width:max-content;animation:sfTrackX 34s linear infinite;padding:14px 20px}
.sf-brand-track:hover{animation-play-state:paused}
.sf-brand-group{display:flex;gap:14px;flex:0 0 auto}
.sf-brand-box{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;background:#fff;border:1px solid rgba(11,28,44,.09);border-radius:12px;padding:7px 16px;color:var(--sf-navy);font-family:var(--sf-head);font-weight:700;font-size:14px;letter-spacing:.2px;text-decoration:none;transition:background-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}
.sf-brand-box:hover{background:#fff;box-shadow:0 6px 18px rgba(11,28,44,.1);transform:translateY(-1px)}
.sf-brand-name{display:inline-block}
.sf-brand-arrow{color:var(--sf-coral);display:inline-flex;margin-left:auto}
@keyframes sfTrackX{to{transform:translateX(-50%)}}

/* 3) Dẫn động môn (home 'chọn nhịp' mới) — thêm trong các tùy chọn */
.sf-sportsband{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp4)}

/* 4) 'Sắp diễn ra' featured — 2 cột */
.sf-tour-feat{display:grid;grid-template-columns:minmax(0,58%) minmax(0,42%);gap:0;background:#fff;border-radius:22px;overflow:hidden;border:var(--card-bd);box-shadow:0 16px 40px rgba(11,28,44,.06)}
.sf-tour-feat-media{position:relative;min-height:320px}
.sf-tour-feat-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.sf-tour-feat-media .sf-thumb-fallback,.sf-tour-feat-media .sf-noimg{position:absolute;inset:12px;border-radius:16px}
.sf-tour-feat-body{display:flex;flex-direction:column;justify-content:center;padding:var(--sp6);gap:var(--sp3)}
.sf-tour-feat-top{color:#7c8ca0;font-family:var(--sf-mono);font-size:12px;letter-spacing:1px}
.sf-tour-feat-body h3{font-family:var(--sf-head);font-size:clamp(21px,3vw,30px);line-height:1.12;color:var(--sf-navy);margin:0}
.sf-tour-feat-city{font-size:14px;color:#42536a}
.sf-fact-inline{display:inline-flex;align-items:center;gap:6px}
.sf-tour-feat-facts .sf-fig,.sf-tour-feat-facts{font-family:var(--sf-mono);color:var(--sf-coral)}
.sf-tour-feat-links{display:flex;flex-wrap:wrap;gap:var(--sp2);margin-top:var(--sp2)}

/* 5) Giải single (+ nút đăng ký) */
.sf-tour-hero{background:linear-gradient(115deg,#0B1C2C 4%,#123a5c 78%);position:relative;overflow:hidden;color:#fff}
.sf-tour-hero .sf-hero-media-abs img{opacity:.4}
.sf-tour-eyebrow,.sf-tour-kicker{color:var(--sf-lime) !important}
.sf-tour-hero .sf-tour-date-big{color:var(--sf-lime)}
.sf-register-gap{height:var(--sp2)}
.sf-signup-btn{display:inline-flex;gap:10px;justify-content:center;align-items:center;width:100%;background:var(--sf-coral);color:#fff;border:none;border-radius:12px;padding:15px 20px;font-family:var(--sf-head);font-weight:800;font-size:16px;cursor:pointer;text-decoration:none;transition:box-shadow 180ms ease,transform 180ms ease}
.sf-signup-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(232,114,74,.35)}
.sf-note-empty-reg{font-size:12.5px;color:#6b7c8f;line-height:1.6}

/* 6) Sidebar tin đúng thứ tự — Mục lục / Sản phẩm đề xuất / Câu chuyện / Đọc nhất / Danh mục môn, share ở dưới */
.sf-aside-title{font-family:var(--sf-head);color:var(--sf-navy);letter-spacing:1.5px}
.sf-prod-card .sf-sug-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp3)}
.sf-sug-item{display:flex;gap:var(--sp3);align-items:center}
.sf-sug-thumb{flex:0 0 64px;width:64px;height:64px;border-radius:12px;overflow:hidden;background:#eef2f6;text-decoration:none}
.sf-sug-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.sf-sug-mid{display:flex;flex-direction:column;gap:2px;min-width:0}
.sf-sug-mid a{font-family:var(--sf-head);font-size:13.5px;line-height:1.4;color:var(--sf-navy);font-weight:600;text-decoration:none;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.sf-sug-mid a:hover{color:var(--sf-coral)}
.sf-sug-mid .sf-fig,.sf-sug-mid .sf-price{font-family:var(--sf-mono);color:var(--sf-coral);font-size:12.5px}
/* đọc nhiều */
.sf-hot-list{list-style:none;margin:0;padding:0;counter-reset:hot}
.sf-hot-item{display:grid;grid-template-columns:26px 1fr;gap:var(--sp2);padding:var(--sp2) 0;border-bottom:1px solid rgba(11,28,44,.07)}
.sf-hot-item:last-child{border-bottom:0}
.sf-hot-n{font-family:var(--sf-mono);color:var(--sf-coral);font-size:12px;padding-top:2px}
.sf-hot-title{margin:0}
.sf-hot-title a{font-family:var(--sf-head);font-size:13.5px;line-height:1.4;color:var(--sf-navy);font-weight:600;text-decoration:none;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.sf-hot-title a:hover{color:var(--sf-coral)}
.sf-hot-date{font-family:var(--sf-mono);color:#98a7b8;font-size:11px;display:block;margin-top:3px}
/* danh mục môn pills */
.sf-sport-pillwrap{display:flex;flex-wrap:wrap;gap:8px}
.sf-sport-pill{background:rgba(11,28,44,.05);border-radius:999px;padding:6px 13px;font-family:var(--sf-head);font-size:12.5px;font-weight:600;color:var(--sf-navy);text-decoration:none;transition:background-color 180ms ease,color 180ms ease}
.sf-sport-pill:hover{background:var(--sf-lime);color:var(--sf-navy)}
.sf-sport-pill-more{background:#0B1C2C;color:#fff}
.sf-sport-pill-more:hover{background:var(--sf-coral);color:#fff}
/* share card dưới cùng */
.sf-share-card{border:1px dashed rgba(11,28,44,.18)}

/* 7) End of post — Tìm sân */
.sf-findcourt{margin-top:var(--sp8);background:#fbf6ec;border:1px solid rgba(232,114,74,.28);border-radius:20px;padding:var(--sp6)}
.sf-findcourt-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp3);flex-wrap:wrap}
.sf-findcourt-head h3{font-family:var(--sf-head);color:var(--sf-navy);font-size:clamp(18px,3vw,24px);margin:0;display:inline-flex;align-items:center;gap:8px}
.sf-findcourt-head h3 .sf-findcourt-ic{color:var(--sf-coral)}
.sf-findcourt-list{list-style:none;margin:var(--sp4) 0 0;padding:0;display:grid;gap:var(--sp2)}
.sf-findcourt-row{display:flex;align-items:center;gap:var(--sp3);background:#fff;border-radius:12px;padding:var(--sp2) var(--sp3);text-decoration:none;transition:background-color 180ms ease,transform 180ms ease}
.sf-findcourt-row:hover{background:#fff;transform:translateX(3px)}
.sf-findcourt-row .sf-ic{color:var(--sf-coral)}
.sf-findcourt-t{font-family:var(--sf-head);font-weight:700;color:var(--sf-navy);font-size:15px}
.sf-findcourt-row small{color:#7c8ca0;font-family:var(--sf-mono);font-size:12px}
.sf-findcourt-title{margin-left:auto;display:flex;align-items:center;gap:10px}
.sf-findcourt-go{color:var(--sf-coral)}
.sf-findcourt h3+.sf-findcourt-title{}
/* 8) Marquee 'Giải đấu đang diễn ra' — pause on hover để click */
.sf-live-tour{margin-top:var(--sp6);overflow:hidden;position:relative}
.sf-live-tour-head{display:flex;align-items:center;gap:10px;font-family:var(--sf-head);font-weight:700;font-size:15px;color:var(--sf-navy);margin:0 0 var(--sp3)}
circle.sf-live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--sf-coral);margin-right:6px;animation:sfBlink 1.5s infinite}
@keyframes sfBlink{50%{opacity:.25}}
.sf-live-track{overflow:hidden;display:flex;pointer-events:none}
.sf-live-track-inner{display:flex;width:max-content;gap:12px;animation:sfLiveX 30s linear infinite}
.sf-live-tour:hover .sf-live-track-inner{animation-play-state:paused}
.sf-live-track-inner>*{pointer-events:auto}
.sf-live-chip{display:inline-flex;flex-direction:column;gap:4px;background:#fff;border:1px solid rgba(11,28,44,.08);border-radius:14px;padding:10px 16px;min-width:230px;text-decoration:none;transition:background-color 180ms ease,box-shadow 180ms ease}
.sf-live-chip:hover{box-shadow:0 8px 20px rgba(11,28,44,.08);background:#fdfaf3}
.sf-live-chip b{font-family:var(--sf-head);color:var(--sf-navy);font-size:14.5px;line-height:1.3}
.sf-live-chip small{font-family:var(--sf-mono);color:var(--sf-coral);font-size:11.5px}
.sf-live-chip .sf-live-city{color:#7c8ca0;font-family:var(--sf-body);font-size:12px}
@keyframes sfLiveX{to{transform:translateX(-50%)}}
.sf-live-hint{font-family:var(--sf-mono);font-size:12.5px;color:#516879;margin-top:var(--sp3)}

/* 9) Spacing tiết giữa các section — đồng bộ & khít hơn */
.sf-front .sf-section,.sf-section{--sec-y:clamp(30px,5vw,54px)}
.sf-section{padding-top:var(--sec-y);padding-bottom:var(--sec-y)}
.sf-hero{padding-bottom:0}
.sf-brand-strip{margin-top:var(--sf1)}
h2 .sf-section-head{margin-bottom:var(--sp4)}
.sf-sport-cta-row{margin-bottom:0}
/* compact hero band sau cùng gọn lại */
.sf-hero-ctas{margin-top:var(--sp4)}

@media (max-width:900px){
	.sf-tour-feat{grid-template-columns:1fr}
	.sf-tour-feat-media{min-height:220px}
	.sf-tour-feat-media img{position:relative;aspect-ratio:16/10}
	.sf-tour-feat-body{padding:var(--sp4)}
}
@media (max-width:600px){
	.sf-brand-box{font-size:13px;padding:6px 12px;border-radius:10px}
	.sf-live-tour-track,.sf-live-chip{min-width:180px}
	.sf-findcourt-head{flex-direction:column;align-items:flex-start}
}
/* Eyebrow mới — loại bỏ cam trang trí */
.sf-sec-tag{display:inline-block;font-family:var(--sf-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#5b6f86;margin:0 0 6px}
.sf-sec-head .sf-sec-tag,.sf-front .sf-sec-tag{color:#5b6f86 !important}
/* live giải đang diễn ra: avatar minh + tiêu đề */
.sf-live-thumb{width:52px;height:44px;border-radius:10px;overflow:hidden;flex:none;display:block}
.sf-live-thumb img,.sf-live-thumb .sf-thumb-fallback,.sf-live-thumb .sf-noimg{width:100%;height:100%;object-fit:cover;display:block;background:#eef2f6}
/* chip ticker chi tiết tin tức: hình + tiêu đề nằm ngang, pause khi hover */
.sf-live-chip{flex-direction:row;align-items:center;gap:12px;min-width:280px;max-width:300px}
.sf-live-thumb{width:64px;height:58px;flex:none;border-radius:11px;overflow:hidden;background:#eef2f6}
.sf-live-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.sf-live-thumb-ph{background:linear-gradient(135deg,#0B1C2C,#123a5c)}
.sf-live-txt{display:flex;flex-direction:column;gap:3px;align-items:flex-start;min-width:0}
.sf-live-txt strong{white-space:normal;line-height:1.3}
.sf-live-chip:hover{box-shadow:0 8px 20px rgba(11,28,44,.1);transform:translateY(-1px)}
.sf-live-track-inner{animation:sfLiveX 32s linear infinite}
@media (max-width:600px){.sf-live-chip{min-width:230px}.sf-live-thumb{width:50px;height:46px}}
/* seamless: gap nằm trong group, track không gap ngang */
.sf-brand-track{gap:0}
.sf-brand-group{display:inline-flex;gap:14px;padding-right:14px}
.sf-live-track-inner{gap:0}
.sf-live-group{display:inline-flex;gap:12px;padding-right:12px}