/* ── MATCH DETAIL PAGE ──────────────────────────────── */

.logo-link{text-decoration:none}
.logo-link .logo-answer{color:#93c5fd;transition:color .15s}
.logo-link:hover .logo-answer{color:#e8ff47}

/* ── HERO ───────────────────────────────────────────── */
.match-hero{
  background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 50%,#1d4ed8 100%);
  padding:32px 20px 28px;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.match-hero::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 0%,rgba(232,255,71,.08) 0%,transparent 70%);
}
.hero-league{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;letter-spacing:3px;color:#93c5fd;
  text-transform:uppercase;margin-bottom:20px;
}
.hero-teams{
  display:grid;grid-template-columns:1fr auto 1fr;
  align-items:center;gap:16px;
  max-width:700px;margin:0 auto;
}
.hero-team{display:flex;flex-direction:column;align-items:center;gap:10px}
.hero-badge{
  width:72px;height:72px;border-radius:50%;
  background:rgba(255,255,255,.1);
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;flex-shrink:0;
}
.hero-badge img{width:56px;height:56px;object-fit:contain}
.hero-badge-placeholder{
  font-family:'Bebas Neue',sans-serif;font-size:22px;color:rgba(255,255,255,.4);
}
.hero-name{
  font-family:'Inter',sans-serif;font-size:15px;font-weight:600;
  color:#fff;text-align:center;line-height:1.3;
}
.hero-team.home .hero-name{text-align:right}
.hero-team.away .hero-name{text-align:left}
.hero-center{text-align:center}
.hero-score{
  font-family:'Bebas Neue',sans-serif;
  font-size:56px;letter-spacing:4px;
  color:#fff;line-height:1;
}
.hero-score.live-score{color:#e8ff47}
.hero-status{
  font-family:'JetBrains Mono',monospace;
  font-size:12px;margin-top:4px;
}
.hero-status.live{color:#fca5a5}
.hero-status.upcoming{color:#93c5fd}
.hero-status.finished{color:#6b7280}
.hero-time{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;color:#6b9fd4;margin-top:3px;
}
.hero-meta{
  font-size:12px;color:#6b9fd4;margin-top:16px;
  font-family:'JetBrains Mono',monospace;
}

/* ── DETAIL TABS ────────────────────────────────────── */
.detail-tabs{
  display:flex;
  background:#fff;
  border-bottom:2px solid var(--border);
  padding:0 20px;
  position:sticky;top:58px;z-index:100;
  box-shadow:0 1px 4px rgba(0,0,0,.06);
  overflow-x:auto;gap:0;
}
.dtab{
  padding:14px 20px;
  background:transparent;border:none;border-bottom:2px solid transparent;
  color:var(--text2);font-family:'Inter',sans-serif;font-size:13px;font-weight:500;
  cursor:pointer;transition:all .15s;white-space:nowrap;margin-bottom:-2px;
}
.dtab:hover{color:var(--text)}
.dtab.on{color:var(--accent);border-bottom-color:var(--accent)}

/* ── TAB PANELS ─────────────────────────────────────── */
.tab-panel{
  max-width:800px;margin:0 auto;
  padding:24px 20px;
}
.empty-state{
  text-align:center;padding:40px 20px;
  color:var(--text3);font-family:'JetBrains Mono',monospace;font-size:13px;
}

/* ── EVENTS ─────────────────────────────────────────── */
.events-list{display:flex;flex-direction:column;gap:2px}
.event-row{
  display:flex;align-items:center;gap:12px;
  padding:10px 14px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--r-sm);
}
.event-min{
  font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;
  color:var(--accent);min-width:36px;text-align:center;
}
.event-icon{font-size:16px;width:24px;text-align:center}
.event-player{font-size:14px;font-weight:500;color:var(--text);flex:1}
.event-detail{font-size:12px;color:var(--text3)}
.event-team{font-size:11px;color:var(--text3);font-family:'JetBrains Mono',monospace}
.event-row.goal{background:#f0fdf4;border-color:#bbf7d0}
.event-row.red-card{background:#fff1f2;border-color:#fecdd3}
.event-row.yellow-card{background:#fefce8;border-color:#fef08a}
.event-row.sub{background:var(--bg4);border-color:var(--border)}

/* ── STATS ──────────────────────────────────────────── */
.stats-list{display:flex;flex-direction:column;gap:16px}
.stat-row{display:flex;flex-direction:column;gap:6px}
.stat-label{
  display:flex;justify-content:space-between;align-items:center;
  font-size:13px;color:var(--text2);
}
.stat-label span{font-weight:500;color:var(--text)}
.stat-bar-wrap{display:flex;gap:6px;align-items:center}
.stat-bar-home,.stat-bar-away{
  height:6px;border-radius:3px;flex:1;background:var(--bg3);overflow:hidden;
}
.stat-bar-home{direction:rtl}
.stat-bar-fill{
  height:100%;border-radius:3px;background:var(--accent);
  transition:width .6s ease;
}
.stat-bar-away .stat-bar-fill{background:var(--red)}

/* ── LINEUPS ────────────────────────────────────────── */
.lineups-wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.lineup-col{
  background:#fff;border:1px solid var(--border);
  border-radius:var(--r);overflow:hidden;
}
.lineup-header{
  padding:12px 16px;background:var(--bg3);
  font-size:13px;font-weight:600;color:var(--text);
  border-bottom:1px solid var(--border);
}
.lineup-formation{
  font-family:'JetBrains Mono',monospace;font-size:11px;
  color:var(--text3);float:right;font-weight:400;
}
.lineup-section-label{
  padding:6px 16px;font-size:11px;color:var(--text3);
  background:var(--bg4);border-bottom:1px solid var(--border);
  font-family:'JetBrains Mono',monospace;letter-spacing:1px;text-transform:uppercase;
}
.player-row{
  display:flex;align-items:center;gap:10px;
  padding:8px 16px;border-bottom:1px solid var(--border);
  transition:background .1s;
}
.player-row:last-child{border-bottom:none}
.player-row:hover{background:var(--bg4)}
.player-num{
  font-family:'JetBrains Mono',monospace;font-size:12px;
  color:var(--text3);min-width:22px;text-align:center;
}
.player-name{font-size:13px;font-weight:500;color:var(--text);flex:1}
.player-pos{
  font-size:11px;font-family:'JetBrains Mono',monospace;
  padding:2px 6px;border-radius:4px;
}
.pos-GK{background:#fef3c7;color:#92400e}
.pos-DEF{background:#dbeafe;color:#1e40af}
.pos-MID{background:#d1fae5;color:#065f46}
.pos-FWD{background:#fee2e2;color:#991b1b}
.pos-SUB{background:var(--bg3);color:var(--text3)}

/* ── H2H ────────────────────────────────────────────── */
.h2h-header{
  display:grid;grid-template-columns:1fr auto 1fr;
  gap:12px;align-items:center;
  padding:16px;background:var(--bg3);
  border-radius:var(--r);margin-bottom:16px;
  text-align:center;
}
.h2h-record{
  font-family:'Bebas Neue',sans-serif;font-size:28px;color:var(--text);
}
.h2h-record-label{font-size:11px;color:var(--text3);margin-top:2px}
.h2h-vs{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--text3)}
.h2h-match{
  display:grid;grid-template-columns:1fr auto 1fr auto;
  align-items:center;gap:8px;
  padding:10px 14px;
  background:#fff;border:1px solid var(--border);
  border-radius:var(--r-sm);margin-bottom:6px;
}
.h2h-team{font-size:13px;font-weight:500;color:var(--text)}
.h2h-team.home{text-align:right}
.h2h-score{
  font-family:'Bebas Neue',sans-serif;font-size:20px;
  color:var(--text);letter-spacing:2px;text-align:center;min-width:60px;
}
.h2h-date{
  font-family:'JetBrains Mono',monospace;font-size:11px;
  color:var(--text3);text-align:right;min-width:80px;
}
.h2h-winner-home .h2h-team.home{color:var(--green);font-weight:600}
.h2h-winner-away .h2h-team.away{color:var(--green);font-weight:600}

/* ── RESPONSIVE ─────────────────────────────────────── */
@media(max-width:600px){
  .hero-teams{grid-template-columns:1fr auto 1fr;gap:8px}
  .hero-badge{width:52px;height:52px}
  .hero-badge img{width:40px;height:40px}
  .hero-name{font-size:12px}
  .hero-score{font-size:40px}
  .lineups-wrap{grid-template-columns:1fr}
  .h2h-match{grid-template-columns:1fr auto 1fr}
  .h2h-date{display:none}
  .detail-tabs{padding:0 8px}
  .dtab{padding:12px 14px;font-size:12px}
}

/* ── INFO GRID ──────────────────────────────────────── */
.info-grid{display:flex;flex-direction:column;gap:2px}
.info-row{
  display:grid;grid-template-columns:28px 140px 1fr;
  align-items:center;gap:10px;
  padding:11px 14px;
  background:#fff;border:1px solid var(--border);
  border-radius:var(--r-sm);
}
.info-icon{font-size:16px;text-align:center}
.info-label{font-size:13px;color:var(--text2);font-weight:500}
.info-value{font-size:14px;font-weight:500;color:var(--text)}
.info-description{
  padding:16px;background:#fff;border:1px solid var(--border);
  border-radius:var(--r-sm);font-size:14px;color:var(--text2);
  line-height:1.7;margin-top:4px;
}
.info-video{padding:4px 0}
.video-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--red);color:#fff;
  padding:10px 20px;border-radius:var(--r-sm);
  text-decoration:none;font-size:13px;font-weight:500;
  transition:opacity .15s;
}
.video-btn:hover{opacity:.88}

/* ── PREMIUM NOTICE ─────────────────────────────────── */
.premium-notice{
  text-align:center;padding:48px 24px;
  background:#fff;border:1px solid var(--border);
  border-radius:var(--r);
}
.premium-icon{font-size:40px;margin-bottom:12px}
.premium-title{
  font-size:18px;font-weight:600;color:var(--text);
  margin-bottom:10px;
}
.premium-text{
  font-size:14px;color:var(--text2);line-height:1.8;max-width:420px;margin:0 auto;
}
.premium-text a{color:var(--accent);text-decoration:none;font-weight:500}
.premium-text a:hover{text-decoration:underline}