/*
Theme Name: Taraftar.tv
Theme URI: https://taraftar.tv
Description: taraftar.tv için özel WordPress teması. Koyu üst bar + canlı skor şeridi, beyaz gövde, marka turkuazı (#15B7CE) ve logodaki çok renkli aksanlar. TTV Fikstür eklentisiyle entegre (maç sayfaları, günün maçları, lig arşivleri).
Author: taraftar.tv
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: taraftartv
*/

:root{
  --ttv-teal:#15b7ce;
  --ttv-teal-dark:#0f8aa0;
  --ttv-pink:#e6298b;
  --ttv-green:#8cc63f;
  --ttv-orange:#f7a823;
  --ttv-dark:#0f1115;
  --ttv-dark2:#1b1e24;
  --ttv-line:#e8eaed;
  --ttv-line2:#f0f1f3;
  --ttv-muted:#5f6b7a;
  --ttv-ink:#14171a;
  --ttv-live:#e4002b;
  --ttv-wrap:1100px;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--ttv-ink);
  background:#f4f5f7;
  line-height:1.6;
}
a{color:var(--ttv-teal);text-decoration:none;}
a:hover{text-decoration:underline;}
img{max-width:100%;height:auto;}
.ttv-wrap{max-width:var(--ttv-wrap);margin:0 auto;padding:0 16px;}

/* ---- Header ---- */
.ttv-header{background:var(--ttv-dark);position:sticky;top:0;z-index:50;}
.ttv-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;}
.ttv-logo{display:flex;align-items:center;gap:8px;font-weight:800;font-style:italic;font-size:22px;color:var(--ttv-teal);text-decoration:none;}
.ttv-logo .tv{background:var(--ttv-teal);color:#fff;font-style:normal;font-size:13px;padding:2px 7px;border-radius:6px;}
.ttv-nav{display:flex;gap:18px;align-items:center;}
.ttv-nav a{color:#fff;opacity:.85;font-size:14px;}
.ttv-nav a:hover{opacity:1;color:var(--ttv-teal);text-decoration:none;}
.ttv-nav .current-menu-item a,.ttv-nav .current_page_item a{color:var(--ttv-teal);opacity:1;font-weight:600;}
.ttv-burger{display:none;color:#fff;background:none;border:0;font-size:22px;cursor:pointer;}

/* ---- Live score strip ---- */
.ttv-livestrip{background:var(--ttv-dark);padding:0 0 12px;}
.ttv-livestrip-inner{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;}
.ttv-livestrip-inner::-webkit-scrollbar{display:none;}
.ttv-lscard{min-width:140px;background:var(--ttv-dark2);border-radius:8px;padding:8px 10px;border-top:2px solid var(--ttv-teal);text-decoration:none;display:block;}
.ttv-lscard.live{border-top-color:var(--ttv-pink);}
.ttv-lscard .ls-time{font-size:10px;color:#9aa0a6;font-weight:700;margin-bottom:3px;}
.ttv-lscard .ls-time.live{color:var(--ttv-live);}
.ttv-lscard .ls-row{font-size:12px;color:#fff;display:flex;justify-content:space-between;gap:8px;}
.ttv-lscard .ls-row b{font-variant-numeric:tabular-nums;}
.ttv-lscard-all{min-width:90px;display:flex;align-items:center;justify-content:center;color:var(--ttv-teal);font-size:12px;font-weight:600;background:var(--ttv-dark2);border-radius:8px;}

/* ---- Layout ---- */
.ttv-main{padding:20px 0 40px;}
.ttv-grid{display:grid;grid-template-columns:1fr 320px;gap:24px;}
@media(max-width:880px){.ttv-grid{grid-template-columns:1fr;}.ttv-nav{display:none;}.ttv-burger{display:block;}}
.ttv-card{background:#fff;border:0.5px solid var(--ttv-line);border-radius:12px;overflow:hidden;}

/* ---- Section heading ---- */
.ttv-sec{display:flex;align-items:center;gap:8px;margin:0 0 12px;}
.ttv-sec .bar{width:4px;height:18px;background:var(--ttv-teal);border-radius:2px;}
.ttv-sec h2{font-size:18px;font-weight:700;margin:0;}
.ttv-sec .more{margin-left:auto;font-size:12px;color:var(--ttv-teal);font-weight:600;}

/* ---- Hero (günün maçı) ---- */
.ttv-hero{border-radius:14px;overflow:hidden;background:linear-gradient(120deg,var(--ttv-teal),var(--ttv-teal-dark));padding:24px 18px;color:#fff;text-align:center;margin-bottom:22px;}
.ttv-hero .tag{display:inline-block;background:var(--ttv-pink);font-size:11px;font-weight:700;padding:3px 12px;border-radius:20px;}
.ttv-hero .teams{display:flex;align-items:center;justify-content:center;gap:28px;margin:16px 0 10px;}
.ttv-hero .team{display:flex;flex-direction:column;align-items:center;gap:6px;font-weight:700;font-size:15px;}
.ttv-hero .team img{width:52px;height:52px;object-fit:contain;background:rgba(255,255,255,.15);border-radius:50%;padding:4px;}
.ttv-hero .mid .round{font-size:13px;opacity:.85;}
.ttv-hero .mid .time{font-size:26px;font-weight:800;}
.ttv-hero .mid .tv{font-size:12px;opacity:.9;}
.ttv-hero .cta{display:inline-block;background:#fff;color:var(--ttv-teal-dark);font-weight:700;font-size:14px;padding:9px 22px;border-radius:8px;}
.ttv-hero .cta:hover{text-decoration:none;}

/* ---- League block (match list) ---- */
.ttv-lig{border:0.5px solid var(--ttv-line);border-radius:12px;overflow:hidden;margin-bottom:14px;background:#fff;}
.ttv-lig-head{background:#f7f8f9;padding:9px 14px;font-size:12px;font-weight:700;color:var(--ttv-muted);text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:8px;}
.ttv-lig-head .dot{width:8px;height:8px;border-radius:50%;background:var(--ttv-teal);}
.ttv-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:0.5px solid var(--ttv-line2);text-decoration:none;color:inherit;}
.ttv-row:hover{background:#fafbfc;text-decoration:none;}
.ttv-row .score{min-width:54px;text-align:center;font-size:14px;font-weight:700;}
.ttv-row .score .lbl{display:block;font-size:10px;font-weight:700;color:var(--ttv-live);}
.ttv-row .teams{flex:1;font-size:14px;line-height:1.5;}
.ttv-row .tv{font-size:12px;color:var(--ttv-muted);min-width:90px;text-align:right;}

/* ---- Sidebar ---- */
.ttv-side-card{background:#fff;border:0.5px solid var(--ttv-line);border-radius:12px;padding:14px;margin-bottom:16px;}
.ttv-side-card h3{font-size:14px;margin:0 0 10px;font-weight:700;}

/* ---- Single match ---- */
.ttv-single{background:#fff;border:0.5px solid var(--ttv-line);border-radius:12px;padding:20px;}
.ttv-single h1{font-size:24px;margin:0 0 14px;line-height:1.3;}
.ttv-breadcrumb{font-size:13px;color:var(--ttv-muted);margin-bottom:10px;}
.ttv-breadcrumb a{color:var(--ttv-muted);}

/* ---- Footer ---- */
.ttv-footer{background:var(--ttv-dark);color:#fff;padding:28px 0;margin-top:40px;}
.ttv-footer .ttv-logo{font-size:18px;}
.ttv-footer .cols{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;}
.ttv-footer a{color:#cfd3d8;font-size:13px;display:block;padding:3px 0;}
.ttv-footer a:hover{color:var(--ttv-teal);}
.ttv-footer .muted{opacity:.55;font-size:12px;margin-top:16px;}

/* live badge */
.ttv-livedot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ttv-live);margin-right:4px;}

/* reklam kutusu */
.ttv-ad{max-width:100%;}
.ttv-ad img{max-width:100%;height:auto;}

/* ---- Responsive ---- */
@media(max-width:880px){
  .ttv-grid{grid-template-columns:1fr;}
  .ttv-nav{display:none;flex-direction:column;position:absolute;top:58px;right:8px;background:var(--ttv-dark2);padding:12px 16px;border-radius:10px;gap:10px;min-width:180px;box-shadow:0 8px 24px rgba(0,0,0,.4);}
  .ttv-burger{display:block;}
}
@media(max-width:600px){
  .ttv-wrap{padding:0 12px;}
  .ttv-logo{font-size:19px;}
  .ttv-livestrip-inner{padding-bottom:2px;}
  .ttv-lscard{min-width:130px;}
  .ttv-hero{padding:18px 14px;}
  .ttv-hero .teams{gap:16px;}
  .ttv-hero .team img{width:42px;height:42px;}
  .ttv-hero .team{font-size:13px;}
  .ttv-hero .mid .time{font-size:22px;}
  .ttv-single{padding:14px;}
  .ttv-single h1{font-size:20px;}
  .ttv-row{gap:8px;padding:10px;}
  .ttv-row .tv{min-width:auto;font-size:11px;}
  .ttv-sec h2{font-size:16px;}
}
@media(max-width:400px){
  .ttv-row .tv{display:none;} /* çok dar ekranda TV sütununu gizle */
}