/* Tatavla Sport — Home & Scouting components (ADIM 5) */

.tsv-home, .tsv-single-wrap { color: var(--tatavla-text-main); }
.tsv-home a, .tsv-single-wrap a { color: inherit; }

/* Section heads */
.tsv-section-head { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin:26px 0 14px; border-bottom:1px solid rgba(216,195,154,.18); padding-bottom:8px; }
.tsv-section-head .heading { font-family:'Barlow Condensed',sans-serif; font-weight:800; text-transform:uppercase; letter-spacing:.04em; font-size:22px; border-left:4px solid var(--tatavla-amber); padding-left:12px; min-width:0; }
.tsv-see-all { font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--tatavla-gold-glow); text-transform:uppercase; white-space:nowrap; }
@media (max-width:767px){
  .tsv-section-head { margin:22px 0 12px; }
  .tsv-section-head .heading { font-size:18px; padding-left:10px; }
  .tsv-see-all { font-size:11px; }
}
.tsv-empty, .tsv-empty-sm { color:var(--tatavla-text-muted); font-style:italic; padding:18px; border:1px dashed rgba(216,195,154,.25); border-radius:8px; }

/* Ticker */
.tsv-ticker { display:flex; align-items:center; gap:14px; background:var(--tatavla-bg-elevated); border:1px solid rgba(216,195,154,.18); border-radius:8px; padding:8px 14px; overflow:hidden; }
.tsv-ticker-label { background:var(--tatavla-amber); color:#0B1522; font-family:'Barlow Condensed',sans-serif; font-weight:800; letter-spacing:.08em; padding:3px 10px; border-radius:4px; white-space:nowrap; flex:0 0 auto; }
.tsv-ticker-viewport { flex:1 1 auto; min-width:0; overflow:hidden; }
.tsv-ticker-track { display:flex; width:max-content; animation:tsvMarquee 40s linear infinite; }
.tsv-ticker-group { display:flex; align-items:center; gap:26px; padding-right:26px; white-space:nowrap; }
.tsv-ticker-group a { color:var(--tatavla-text-muted); font-size:14px; }
.tsv-ticker-group a:hover { color:var(--tatavla-gold-glow); }
.tsv-ticker:hover .tsv-ticker-track { animation-play-state:paused; }
@keyframes tsvMarquee { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .tsv-ticker-track { animation:none; } }

/* Badge / score */
.tsv-badge { display:inline-block; background:rgba(224,122,42,.16); color:var(--tatavla-gold-glow); font-family:'JetBrains Mono',monospace; font-size:11px; text-transform:uppercase; padding:2px 8px; border-radius:4px; border:1px solid rgba(224,122,42,.35); }
.tsv-badge-role { background:rgba(216,195,154,.14); color:var(--tatavla-champagne); border-color:rgba(216,195,154,.4); }
.tsv-score { position:absolute; top:10px; right:10px; color:#0B1522; font-family:'JetBrains Mono',monospace; font-weight:700; font-size:13px; padding:4px 8px; border-radius:6px; box-shadow:0 4px 12px rgba(0,0,0,.5); }

/* Video facade */
.tsv-video-facade { position:relative; display:block; width:100%; aspect-ratio:16/9; background:#000; border-radius:8px; overflow:hidden; cursor:pointer; border:1px solid rgba(216,195,154,.18); }
.tsv-video-facade img { width:100%; height:100%; object-fit:cover; }
.tsv-video-facade iframe, .tsv-video-iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.tsv-play-btn { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:74px; height:52px; background:var(--tatavla-cons); border-radius:12px; box-shadow:0 8px 24px rgba(0,0,0,.55); }
.tsv-play-btn::after { content:''; position:absolute; top:50%; left:50%; transform:translate(-40%,-50%); border-left:18px solid #fff; border-top:11px solid transparent; border-bottom:11px solid transparent; }
.tsv-video-facade:hover .tsv-play-btn { background:var(--tatavla-amber); }

/* KATMAN 1 — Bento hero */
.tsv-hero { display:grid; grid-template-columns:65% 35%; gap:16px; margin:18px 0 8px; }
.tsv-hero-main .tsv-hero-link { position:relative; display:block; }
.tsv-hero-img { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:8px; }
.tsv-hero-overlay { position:absolute; left:0; right:0; bottom:0; padding:18px; background:linear-gradient(0deg,rgba(11,21,34,.94) 0%,rgba(11,21,34,0) 100%); border-radius:0 0 8px 8px; }
.tsv-hero-overlay h2 { font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:28px; margin:8px 0 0; color:var(--tatavla-text-main); }
.tsv-hero-side { display:grid; grid-template-rows:1fr 1fr; gap:16px; }
.tsv-hero-box { display:block; border:1px solid rgba(216,195,154,.18); background:var(--tatavla-bg-card); border-radius:8px; overflow:hidden; }
.tsv-hero-box-thumb { height:55%; min-height:90px; background-size:cover; background-position:center; }
.tsv-hero-box-body { padding:12px; }
.tsv-hero-box-body h3 { font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:17px; margin:6px 0 0; }

/* KATMAN 2 — Video vault */
.tsv-vault { background:var(--tatavla-bg-card); border:1px solid var(--tatavla-champagne); border-radius:8px; padding:16px; margin:22px 0; }
.tsv-vault-grid { display:grid; grid-template-columns:65% 35%; gap:16px; }
.tsv-vault-caption { margin-top:10px; font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:18px; }
.tsv-vault-list { display:flex; flex-direction:column; gap:10px; max-height:460px; overflow-y:auto; padding-right:4px; }
.tsv-vault-item { display:flex; gap:10px; align-items:center; }
.tsv-vault-thumb { flex:0 0 96px; width:96px; aspect-ratio:16/9; border-radius:6px; overflow:hidden; background:#000; }
.tsv-vault-thumb img { width:100%; height:100%; object-fit:cover; }
.tsv-vault-title { font-size:14px; font-weight:600; line-height:1.35; }
.tsv-vault-item:hover .tsv-vault-title { color:var(--tatavla-gold-glow); }

/* KATMAN 3 — two columns */
.tsv-body.ts-columns { display:grid; grid-template-columns:66% 34%; gap:26px; margin-top:20px; }
.tsv-body-side { position:sticky; top:20px; align-self:start; }
@media (max-width:980px){ .tsv-body.ts-columns{grid-template-columns:1fr} .tsv-body-side{position:static} .tsv-hero,.tsv-vault-grid{grid-template-columns:1fr} }

.tsv-grid-4 { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.tsv-grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
@media (max-width:620px){ .tsv-grid-3{grid-template-columns:1fr} }
@media (max-width:520px){ .tsv-grid-4{grid-template-columns:1fr} }
@media (max-width:767px){
  .tsv-chips { flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; padding-bottom:6px; }
  .tsv-chips::-webkit-scrollbar { display:none; }
  .tsv-chip { flex:0 0 auto; }
}

.tsv-card { display:block; background:var(--tatavla-bg-card); border:1px solid rgba(216,195,154,.18); border-radius:8px; overflow:hidden; transition:.2s; }
.tsv-card:hover { border-color:var(--tatavla-amber); transform:translateY(-2px); }
.tsv-card-thumb { position:relative; display:block; height:150px; background-size:cover; background-position:center; }
.tsv-card-body { display:block; padding:12px; }
.tsv-card-cat { display:block; font-family:'JetBrains Mono',monospace; font-size:11px; text-transform:uppercase; color:var(--tatavla-gold-glow); margin-bottom:4px; }
.tsv-card-title { display:block; font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:17px; line-height:1.25; }

.tsv-list { display:flex; flex-direction:column; gap:12px; }
.tsv-list-item { display:flex; gap:12px; background:var(--tatavla-bg-card); border:1px solid rgba(216,195,154,.18); border-radius:8px; overflow:hidden; }
.tsv-list-item:hover { border-color:var(--tatavla-amber); }
.tsv-list-thumb { flex:0 0 150px; width:150px; aspect-ratio:16/9; overflow:hidden; }
.tsv-list-thumb img { width:100%; height:100%; object-fit:cover; }
.tsv-list-text { padding:10px 12px; }

/* Widgets */
.tsv-widget { background:var(--tatavla-bg-card); border:1px solid rgba(216,195,154,.18); border-radius:8px; padding:16px; margin-bottom:18px; }
.tsv-widget h3 { font-family:'Barlow Condensed',sans-serif; font-weight:800; text-transform:uppercase; letter-spacing:.03em; font-size:18px; margin:0 0 10px; border-left:3px solid var(--tatavla-amber); padding-left:10px; }
.tsv-trending ol { margin:0; padding-left:20px; }
.tsv-trending li { margin-bottom:8px; font-size:14px; }
.tsv-trending a:hover { color:var(--tatavla-gold-glow); }
.tsv-btn-amber { display:inline-block; background:var(--tatavla-gradient-sunset); color:#0B1522 !important; font-family:'Barlow Condensed',sans-serif; font-weight:800; text-transform:uppercase; letter-spacing:.05em; padding:10px 18px; border:0; border-radius:6px; cursor:pointer; }
.tsv-btn-amber:hover { filter:brightness(1.08); }
.tsv-newsletter { display:flex; flex-direction:column; gap:8px; margin-top:10px; }
.tsv-newsletter input { background:var(--tatavla-bg-elevated); border:1px solid rgba(216,195,154,.25); color:var(--tatavla-text-main); padding:10px; border-radius:6px; }

/* KATMAN 4 — carousel */
.tsv-carousel-section { margin:30px 0; }
.tsv-chips { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.tsv-chip { background:var(--tatavla-bg-elevated); border:1px solid rgba(216,195,154,.25); color:var(--tatavla-text-muted); font-family:'JetBrains Mono',monospace; font-size:12px; text-transform:uppercase; padding:6px 12px; border-radius:20px; cursor:pointer; }
.tsv-chip.is-active, .tsv-chip:hover { background:var(--tatavla-amber); color:#0B1522; border-color:var(--tatavla-amber); }
.tsv-carousel { display:flex; gap:16px; overflow-x:auto; padding-bottom:10px; scroll-snap-type:x mandatory; }
.tsv-slide { flex:0 0 260px; scroll-snap-align:start; }

/* Scouting single */
.tsv-single-wrap { max-width:1200px; margin:0 auto; padding:20px 16px; }
.tsv-scout-header { border-bottom:1px solid rgba(216,195,154,.18); padding-bottom:16px; margin-bottom:20px; }
.tsv-scout-badges { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:10px; }
.tsv-scout-title { font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:38px; line-height:1.1; margin:0 0 8px; }
.tsv-scout-meta { display:flex; gap:16px; color:var(--tatavla-text-muted); font-size:13px; }
.tsv-scout-grid { display:grid; grid-template-columns:66% 34%; gap:28px; }
@media (max-width:900px){ .tsv-scout-grid{grid-template-columns:1fr} }
.tsv-scout-content { font-size:16px; line-height:1.7; margin:18px 0; }
.tsv-scout-content h2 { font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:26px; border-left:4px solid var(--tatavla-amber); padding-left:10px; margin:26px 0 10px; }
.tsv-scout-content h3 { font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:21px; }
.tsv-kunye-box, .tsv-rating-card, .tsv-proscons, .tsv-coachfit, .tsv-gallery { background:var(--tatavla-bg-card); border:1px solid rgba(216,195,154,.18); border-radius:8px; padding:16px; margin:16px 0; }
.tsv-kunye-box h2, .tsv-kunye-box h3, .tsv-proscons h2, .tsv-proscons h3, .tsv-coachfit h2, .tsv-coachfit h3, .tsv-gallery h2, .tsv-gallery h3 { font-family:'Barlow Condensed',sans-serif; font-weight:800; margin:0 0 10px; text-transform:uppercase; font-size:18px; }
.tsv-kunye { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.tsv-kunye li { display:flex; justify-content:space-between; gap:14px; border-bottom:1px dashed rgba(216,195,154,.2); padding:4px 0; }
.tsv-k-label { color:var(--tatavla-text-muted); font-size:13px; }
.tsv-k-val { font-family:'JetBrains Mono',monospace; text-align:right; }

.tsv-rating-card { text-align:center; }
.tsv-rating-badge { display:inline-block; color:#0B1522; font-family:'JetBrains Mono',monospace; font-weight:700; font-size:34px; padding:8px 18px; border-radius:10px; }
.tsv-rating-badge span { font-size:15px; opacity:.7; }
.tsv-rating-bars { list-style:none; margin:16px 0 0; padding:0; text-align:left; }
.tsv-rating-bars li { display:grid; grid-template-columns:1fr; gap:3px; margin-bottom:10px; }
.tsv-rb-label { font-size:12px; color:var(--tatavla-text-muted); }
.tsv-rb-track { display:block; height:7px; background:rgba(255,255,255,.08); border-radius:4px; overflow:hidden; }
.tsv-rb-fill { display:block; height:100%; }
.tsv-rb-val { font-family:'JetBrains Mono',monospace; font-size:12px; text-align:right; }

.tsv-proscons { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.tsv-pc ul { margin:0; padding-left:18px; }
.tsv-pc li { margin-bottom:6px; }
.tsv-pc-pros h2, .tsv-pc-pros h3 { color:var(--tatavla-pros); }
.tsv-pc-pros li::marker { color:var(--tatavla-pros); }
.tsv-pc-cons h2, .tsv-pc-cons h3 { color:var(--tatavla-cons); }
.tsv-pc-cons li::marker { color:var(--tatavla-cons); }
.tsv-coachfit { background:var(--tatavla-bg-elevated); border:1px solid var(--tatavla-champagne); }
.tsv-coachfit p { color:var(--tatavla-text-main); }

.tsv-gallery-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.tsv-gallery-grid img { width:100%; border-radius:6px; cursor:pointer; }

.tsv-lightbox { position:fixed; inset:0; background:rgba(5,10,18,.92); display:flex; align-items:center; justify-content:center; z-index:9999; }
.tsv-lightbox img { max-width:92%; max-height:92%; border-radius:8px; }
.tsv-lb-close { position:absolute; top:20px; right:30px; font-size:44px; color:#fff; cursor:pointer; }

.tsv-scout-featured img { width:100%; border-radius:8px; }
@media (max-width:600px){ .tsv-proscons{grid-template-columns:1fr} .tsv-kunye{grid-template-columns:1fr} .tsv-gallery-grid{grid-template-columns:repeat(2,1fr)} }

/* ── Ana menü barı (header ile breaking/ticker arası) ── */
.tsv-menubar {
  background: var(--tatavla-bg-elevated);
  border-top: 1px solid rgba(216,195,154,.14);
  border-bottom: 1px solid rgba(216,195,154,.14);
}
.tsv-menubar-inner { display:flex; align-items:center; }
.tsv-menu, .tsv-menu ul { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; align-items:center; gap:2px; }
.tsv-menu > li > a {
  display:block; padding:12px 14px;
  font-family:'Barlow Condensed', sans-serif;
  font-weight:700; text-transform:uppercase; letter-spacing:.05em; font-size:15px;
  color: var(--tatavla-text-main); border-bottom:2px solid transparent;
}
.tsv-menu > li > a:hover,
.tsv-menu > li.current-menu-item > a,
.tsv-menu > li.current-menu-ancestor > a {
  color: var(--tatavla-gold-glow);
  border-bottom-color: var(--tatavla-amber);
}
@media (max-width:900px){
  .tsv-menubar-inner { overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .tsv-menubar-inner::-webkit-scrollbar { display:none; }
  .tsv-menu { flex-wrap:nowrap; }
  .tsv-menu > li > a { padding:10px 12px; font-size:14px; white-space:nowrap; }
}

/* ── Header brand: modern logo + "Tatavla Sport" wordmark ── */
.logo-link.ts-logo { display:inline-flex; align-items:center; gap:12px; }
.logo-is-image .logo-image {
  height:44px; width:auto;
}
.tsv-logo-text {
  font-family:'Barlow Condensed', sans-serif;
  font-weight:800; text-transform:uppercase; letter-spacing:.04em;
  font-size:24px; line-height:1; color:#ECE8DE; white-space:nowrap;
}
.tsv-logo-text::first-letter { color:var(--tatavla-gold-glow); }
@media (max-width:900px){
  .logo-is-image .logo-image { height:38px; }
  .tsv-logo-text { font-size:19px; gap:9px; }
}
@media (max-width:560px){
  .tsv-logo-text { display:none; }
}

/* ── EuroLeague Game Center bar ── */
.tsv-el-bar {
  margin:22px 0 8px;
  border:1px solid rgba(216,195,154,.18);
  border-radius:8px; overflow:hidden;
  background:var(--tatavla-bg-card);
}
.tsv-el-head {
  display:flex; align-items:center; gap:14px;
  padding:10px 16px;
  background:var(--tatavla-gradient-sunset);
  color:#0B1522;
}
.tsv-el-title {
  font-family:'Barlow Condensed',sans-serif;
  font-weight:800; text-transform:uppercase; letter-spacing:.05em; font-size:20px;
}
.tsv-el-live {
  display:inline-flex; align-items:center; gap:6px;
  font-family:'JetBrains Mono',monospace; font-size:11px; text-transform:uppercase;
  background:rgba(11,21,34,.18); padding:3px 8px; border-radius:20px;
}
.tsv-el-live i { width:8px; height:8px; border-radius:50%; background:#FF3D00; display:inline-block; animation:tsvPulse 1.2s infinite; }
@keyframes tsvPulse { 0%,100%{opacity:1} 50%{opacity:.25} }
.tsv-el-more {
  margin-left:auto; font-family:'Barlow Condensed',sans-serif; font-weight:700;
  text-transform:uppercase; font-size:13px; color:#0B1522; text-decoration:underline;
}
.tsv-el-track {
  display:flex; gap:1px; overflow-x:auto;
  background:rgba(216,195,154,.12);
  scroll-snap-type:x mandatory;
}
.tsv-el-game {
  flex:0 0 210px; scroll-snap-align:start;
  background:var(--tatavla-bg-card);
  padding:10px 12px; display:flex; flex-direction:column; gap:6px;
  text-decoration:none; color:var(--tatavla-text-main);
  border-right:1px solid rgba(216,195,154,.1);
}
.tsv-el-game:hover { background:var(--tatavla-bg-elevated); }
.tsv-el-status {
  font-family:'JetBrains Mono',monospace; font-size:10px; text-transform:uppercase;
  letter-spacing:.06em; color:var(--tatavla-text-muted);
}
.tsv-el-game.is-live .tsv-el-status { color:#FF3D00; font-weight:700; }
.tsv-el-game.is-live { box-shadow:inset 0 3px 0 #FF3D00; }
.tsv-el-row { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:8px; }
.tsv-el-team { display:flex; align-items:center; gap:6px; min-width:0; }
.tsv-el-team-away { justify-content:flex-end; }
.tsv-el-team img { width:22px; height:22px; object-fit:contain; }
.tsv-el-name {
  font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:14px;
  text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.tsv-el-score {
  font-family:'JetBrains Mono',monospace; font-weight:700; font-size:16px;
  color:var(--tatavla-gold-glow); white-space:nowrap;
}
.tsv-el-game.is-live .tsv-el-score { color:#FF3D00; }
.tsv-el-empty { padding:16px; color:var(--tatavla-text-muted); font-style:italic; }
@media (max-width:767px){
  .tsv-el-title { font-size:17px; }
  .tsv-el-game { flex:0 0 232px; }
  .tsv-el-more { display:none; }
  .tsv-el-team img { width:18px; height:18px; }
  .tsv-el-name { font-size:13px; }
  .tsv-el-score { font-size:15px; }
}

/* ── Scouting rating console (gauge + bars) ── */
.tsv-rating-card { text-align:center; }
.tsv-rc-head {
  font-family:'Barlow Condensed', sans-serif; font-weight:800;
  text-transform:uppercase; letter-spacing:.05em; font-size:15px;
  color:var(--tatavla-champagne); margin-bottom:10px;
}
.tsv-rc-gauge { position:relative; width:150px; height:150px; margin:0 auto 14px; }
.tsv-rc-gauge svg { width:100%; height:100%; display:block; }
.tsv-rc-track { fill:none; stroke:rgba(255,255,255,.10); stroke-width:10; }
.tsv-rc-fill { fill:none; stroke-width:10; stroke-linecap:round; transition:stroke-dasharray .6s ease; }
.tsv-rc-score {
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  font-family:'JetBrains Mono', monospace; font-weight:700; font-size:30px;
}
.tsv-rc-score span { font-size:13px; opacity:.6; margin-left:2px; }
.tsv-rc-foot { font-size:11px; color:var(--tatavla-text-muted); margin-top:10px; }
.tsv-yt-player { position:absolute; inset:0; }
.tsv-footer-links { background: var(--tatavla-bg-elevated); border-top:1px solid rgba(216,195,154,.16); }
.tsv-footer-links .wrap { display:flex; flex-wrap:wrap; gap:18px; justify-content:center; padding:16px; }
.tsv-footer-links a { font-family:'JetBrains Mono', monospace; font-size:12px; text-transform:uppercase; color:var(--tatavla-text-muted); }
.tsv-footer-links a:hover { color:var(--tatavla-gold-glow); }
.tsv-rating-mobile { display:none; }
@media (max-width:900px){
  .tsv-rating-mobile { display:block; margin:16px 0; }
  .tsv-rating-desktop { display:none; }
}