/* ABA Planilleros — Live Page CSS v4.3 */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@400;500;600;700&display=swap');

/* All styles scoped so they work when embedded as WP shortcode */
.aba-live-wrap,
.aba-live-wrap * {
  font-family: 'DM Sans', sans-serif;
  box-sizing: border-box;
}

:root {
  --alw-bg:     #0b0d12;
  --alw-bg2:    #11141c;
  --alw-bg3:    #181c27;
  --alw-border: #252b3b;
  --alw-acc:    #f97316;
  --alw-green:  #22c55e;
  --alw-red:    #ef4444;
  --alw-blue:   #3b82f6;
  --alw-yellow: #eab308;
  --alw-text:   #e2e8f0;
  --alw-muted:  #64748b;
  --alw-sub:    #94a3b8;
}
.aba-live-wrap { color: var(--alw-text); }

.aba-hidden { display: none !important; }

/* ── Wrapper ── */
.aba-live-wrap {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px 16px;
  background: var(--alw-bg);
  border-radius: 16px;
}

/* ── Header ── */
.aba-live-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.aba-live-hd-left { display: flex; align-items: center; gap: 12px; }
.aba-live-pulse {
  width: 12px; height: 12px; border-radius: 50%;
  background: var(--alw-red);
  animation: alw-pulse 1.2s ease infinite;
}
@keyframes alw-pulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(239,68,68,.5); }
  50%      { box-shadow: 0 0 0 10px rgba(239,68,68,0); }
}
.aba-live-title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 32px; letter-spacing: 2px;
  color: var(--alw-text) !important;
}
.aba-live-ts { font-size: 12px; color: var(--alw-muted); }

/* ── Grid ── */
.aba-live-grid { display: flex; flex-direction: column; gap: 20px; }

/* ── Card ── */
.aba-live-card {
  background: var(--alw-bg2);
  border: 1px solid var(--alw-border);
  border-radius: 16px;
  overflow: hidden;
}
.aba-live-card:hover { box-shadow: 0 0 0 1px var(--alw-acc); }

/* Card top */
.aba-live-card-top {
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 16px;
  background: var(--alw-bg3);
  border-bottom: 1px solid var(--alw-border);
}
.aba-live-badge {
  font-size: 10px; font-weight: 700; letter-spacing: 1.5px;
  text-transform: uppercase;
  background: var(--alw-red); color: #fff;
  padding: 3px 10px; border-radius: 20px;
  animation: alw-pulse 1.5s infinite;
}
.aba-live-quarter {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 18px; letter-spacing: 2px; color: var(--alw-acc);
}
.aba-live-card-meta-badges { display: flex; gap: 6px; }
.aba-live-meta-badge {
  font-size: 10px; font-weight: 700; letter-spacing: .4px;
  text-transform: uppercase;
  background: rgba(255,140,0,.15); color: #ff8c00 !important;
  border: 1px solid rgba(255,140,0,.3); border-radius: 4px; padding: 2px 8px;
}
.aba-live-meta-badge.aba-live-meta-sn {
  background: rgba(80,160,255,.12); color: #50a0ff !important;
  border-color: rgba(80,160,255,.3);
}

/* Clock row */
.aba-live-clock-row {
  display: flex; align-items: center; justify-content: center; gap: 12px;
  padding: 8px 16px;
  background: var(--alw-bg);
  border-bottom: 1px solid var(--alw-border);
}
.aba-live-clock {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 32px; letter-spacing: 3px;
  color: var(--alw-text) !important;
  background: var(--alw-bg3);
  border: 1px solid var(--alw-border);
  border-radius: 8px; padding: 4px 16px;
  min-width: 110px; text-align: center;
  transition: color .3s, border-color .3s;
}
.aba-live-clock.running  { color: var(--alw-green) !important; border-color: var(--alw-green); }
.aba-live-clock.warning  { color: var(--alw-yellow) !important; border-color: var(--alw-yellow); }
.aba-live-clock.overtime { color: var(--alw-red) !important; border-color: var(--alw-red); }
.aba-live-clock-label {
  font-size: 11px; font-weight: 700; letter-spacing: 1px;
  text-transform: uppercase; color: var(--alw-muted);
}

/* Matchup */
.aba-live-matchup {
  display: flex; align-items: center; justify-content: space-between;
  padding: 20px 24px;
  background: linear-gradient(160deg, #0d1117, #1a1e2a, #0d1117);
}
.aba-live-team  { display: flex; flex-direction: column; align-items: center; gap: 8px; flex: 1; }
.aba-live-team-r { align-items: center; }
.aba-live-logo {
  width: 70px; height: 70px; object-fit: contain;
  border-radius: 10px; background: rgba(255,255,255,.05); padding: 4px;
}
.aba-live-logo-fb {
  width: 70px; height: 70px; border-radius: 10px;
  background: var(--alw-bg3);
  display: flex; align-items: center; justify-content: center;
  font-family: 'Bebas Neue', sans-serif; font-size: 24px; color: var(--alw-muted);
}
.aba-live-tname {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 16px; letter-spacing: .5px; text-transform: uppercase;
  text-align: center; max-width: 130px;
  color: var(--alw-text) !important;
}
.aba-live-scores { display: flex; align-items: center; gap: 8px; }
.aba-live-score {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 72px; line-height: 1;
  color: #fff !important; letter-spacing: -3px;
  transition: transform .2s, color .2s;
}
.aba-live-score.bump { transform: scale(1.15); color: var(--alw-acc) !important; }
.aba-live-sep {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 40px; color: var(--alw-muted);
}

/* ── Scorers — max 5, scrollable ── */
.aba-live-scorers {
  padding: 10px 16px;
  background: var(--alw-bg3);
  border-top: 1px solid var(--alw-border);
  display: flex; flex-direction: column; gap: 5px;
  max-height: 240px;   /* ~5 rows */
  overflow-y: auto;
}
.aba-live-scorers:empty { display: none; }
.aba-live-scorers-label {
  font-size: 11px; font-weight: 700; letter-spacing: 1px;
  text-transform: uppercase; color: var(--alw-muted); margin-bottom: 2px;
  flex-shrink: 0;
}
.aba-live-scorer {
  display: flex; align-items: center; justify-content: space-between;
  padding: 6px 8px;
  background: var(--alw-bg2); border-radius: 8px;
  border: 1px solid var(--alw-border);
  flex-shrink: 0;
}
.aba-sc-left  { display: flex; align-items: center; gap: 8px; }
.aba-sc-right { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.aba-sc-name  { font-size: 13px; font-weight: 500; color: var(--alw-text) !important; }
.aba-sc-pts   { font-family: 'Bebas Neue', sans-serif; font-size: 20px; color: var(--alw-acc); }
.aba-sc-chips { display: flex; gap: 4px; }
.aba-sc-chip  { font-size: 10px; font-weight: 700; padding: 2px 6px; border-radius: 4px; }
.aba-sc-chip.triple { background: rgba(234,179,8,.15); color: var(--alw-yellow); }
.aba-sc-chip.double { background: rgba(249,115,22,.15); color: var(--alw-acc); }
.aba-sc-chip.free   { background: rgba(59,130,246,.15); color: var(--alw-blue); }
.aba-sc-extras { font-size: 11px; color: var(--alw-muted); }
.aba-scorer-logo { width: 22px; height: 22px; object-fit: contain; border-radius: 4px; }
.aba-scorer-abbr {
  font-size: 10px; font-weight: 700;
  background: var(--alw-bg); padding: 2px 5px; border-radius: 4px; color: var(--alw-muted);
}

/* ── Actions / Timeline ── */
.aba-live-actions { padding: 6px 8px; border-top: 1px solid var(--alw-border); }
.aba-live-actions:empty { display: none; }
.aba-live-actions-label {
  font-size: 11px; font-weight: 700; color: var(--alw-muted);
  display: block; margin-bottom: 4px; padding: 0 2px;
}
/* ── Cronología: idéntica al planillero (mc-tl-*) ── */
.aba-live-actions .mc-tl-wrap{border-top:2px solid var(--alw-border);padding:6px 8px;max-height:200px;overflow-y:auto;background:var(--alw-bg2);}
.aba-live-actions .mc-tl-empty{font-size:11px;color:var(--alw-muted);text-align:center;padding:10px;}
.aba-live-actions .mc-tl-row{display:flex;align-items:center;gap:4px;padding:4px 5px;font-size:11px;border-radius:4px;margin-bottom:1px;background:var(--alw-bg3);animation:aba-fadein .2s ease;}
@keyframes aba-fadein{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
.aba-live-actions .mc-tl-row.mc-tl-cmt{background:rgba(234,179,8,.07);border-left:2px solid var(--alw-yellow);}
.aba-live-actions .mc-tl-q{font-family:'Bebas Neue',sans-serif;font-size:11px;color:var(--alw-acc);min-width:24px;}
.aba-live-actions .mc-tl-gt{font-size:9px;color:var(--alw-blue);font-weight:700;background:rgba(59,130,246,.1);padding:1px 3px;border-radius:2px;white-space:nowrap;}
.aba-live-actions .mc-tl-team{font-size:9px;color:var(--alw-muted);min-width:20px;}
.aba-live-actions .mc-tl-body{flex:1;color:var(--alw-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.aba-live-actions .mc-tl-body b{color:var(--alw-acc);}
.aba-live-actions .mc-tl-txt{flex:1;color:var(--alw-sub);}