/* WK Live Scores v2 — scores.css */

/* ── Base ─────────────────────────────────────────────── */
.wk-widget{font-family:'DM Sans',-apple-system,sans-serif;font-size:.9rem;margin:1.5rem 0;background:#141414;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;color:#fff}
.wk-widget-header{padding:.7rem 1.25rem;font-size:.7rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.38);border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between}
.wk-updated{font-size:.63rem;color:rgba(255,255,255,.22);font-weight:400;letter-spacing:0;text-transform:none}
.wk-live-hdr{color:#ff8080;background:rgba(255,68,68,.08);border-bottom:1px solid rgba(255,68,68,.15)}
.wk-dot{width:8px;height:8px;background:#ff4444;border-radius:50%;animation:wkPulse 1.5s ease infinite;margin-right:.4rem;flex-shrink:0;display:inline-block}
@keyframes wkPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,68,68,.5)}50%{box-shadow:0 0 0 6px rgba(255,68,68,0)}}
.wk-empty{padding:1.5rem 1.25rem;text-align:center;color:rgba(255,255,255,.35);font-size:.85rem}
.wk-empty a{color:#FF6B00;text-decoration:none}
.wk-empty-sm{padding:.75rem;text-align:center;color:rgba(255,255,255,.35);font-size:.82rem;margin:0}

/* ── Fixture card ─────────────────────────────────────── */
.wk-fix{border-bottom:1px solid rgba(255,255,255,.06)}
.wk-fix:last-child{border-bottom:none}
.wk-fix-nl{border-left:3px solid #FF6B00}
.wk-fix-live{animation:wkLive 3s ease-in-out infinite}
@keyframes wkLive{0%,100%{background:transparent}50%{background:rgba(255,107,0,.06)}}

.wk-fix-main{padding:.8rem 1.25rem;display:grid;grid-template-columns:56px 1fr auto 1fr 130px;align-items:center;gap:.6rem;cursor:default}
.wk-fix-time{display:flex;flex-direction:column;align-items:center;gap:.15rem}
.wk-fix-clock{font-family:'Bebas Neue',sans-serif;font-size:1.05rem;letter-spacing:1px;color:#FF6B00;line-height:1}
.wk-fix-status{font-size:.58rem;font-weight:600;padding:.15rem .45rem;border-radius:100px;text-align:center;white-space:nowrap}
.wk-s-live{background:rgba(255,68,68,.15);color:#ff8080}
.wk-s-fin{background:rgba(255,255,255,.08);color:rgba(255,255,255,.4)}
.wk-s-sched{background:rgba(255,107,0,.12);color:#FF6B00}
.wk-s-other{background:rgba(255,255,255,.05);color:rgba(255,255,255,.3)}

.wk-fix-team{display:flex;align-items:center;gap:.4rem;flex:1}
.wk-fix-home{justify-content:flex-end;text-align:right}
.wk-fix-away{justify-content:flex-start}
.wk-fix-name{font-size:.83rem;font-weight:500;color:rgba(255,255,255,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}
.wk-win{color:#fff;font-weight:700}

/* Kaarten indicators */
.wk-card{display:inline-flex;align-items:center;justify-content:center;width:16px;height:20px;border-radius:2px;font-size:.65rem;font-weight:700;flex-shrink:0;line-height:1}
.wk-card-y{background:#FFD700;color:#7a6500}
.wk-card-r{background:#e53e3e;color:#fff}
.wk-card-icon{display:inline-block;width:10px;height:14px;border-radius:1px}
.wk-card-y-icon{background:#FFD700}
.wk-card-r-icon{background:#e53e3e}

.wk-fix-score{display:flex;align-items:center;gap:.3rem;flex-shrink:0}
.wk-score-live .wk-sh,.wk-score-live .wk-sa{color:#FFD700}
.wk-sh,.wk-sa{font-family:'Bebas Neue',sans-serif;font-size:1.35rem;line-height:1;color:#fff;min-width:18px;text-align:center;transition:color .3s,transform .3s}
.wk-sd{font-size:.75rem;color:rgba(255,255,255,.3)}

.wk-fix-end{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}
.wk-fix-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem}
.wk-fix-meta span{font-size:.62rem;color:rgba(255,255,255,.28);white-space:nowrap}

/* Detail-knop */
.wk-detail-btn{background:rgba(255,107,0,.1);border:1px solid rgba(255,107,0,.25);color:#FF6B00;padding:.3rem .75rem;border-radius:6px;font-family:'DM Sans',sans-serif;font-size:.72rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s;flex-shrink:0}
.wk-detail-btn:hover,.wk-detail-btn[aria-expanded="true"]{background:rgba(255,107,0,.2)}
.wk-detail-arrow{display:inline-block;transition:transform .2s}
.wk-detail-btn[aria-expanded="true"] .wk-detail-arrow{transform:rotate(180deg)}

/* ── Detail panel ─────────────────────────────────────── */
.wk-detail-panel{background:#0f0f0f;border-top:1px solid rgba(255,255,255,.08)}
.wk-detail-loading{padding:1.5rem;text-align:center;color:rgba(255,255,255,.35);font-size:.85rem}
.wk-detail-inner{padding:0}

/* Tabs */
.wk-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08);overflow-x:auto}
.wk-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:rgba(255,255,255,.45);padding:.65rem 1.1rem;font-family:'DM Sans',sans-serif;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s}
.wk-tab:hover{color:rgba(255,255,255,.7)}
.wk-tab.active{color:#FF6B00;border-bottom-color:#FF6B00}
.wk-tab-panel{display:none;padding:1rem 1.25rem}
.wk-tab-panel.active{display:block}

/* Events (doelpunten/kaarten) */
.wk-events-grid{display:grid;grid-template-columns:1fr 4px 1fr;gap:0}
.wk-events-mid{background:rgba(255,255,255,.08);border-radius:2px}
.wk-events-col{padding:.25rem 0}
.wk-ev{display:flex;align-items:center;gap:.4rem;padding:.3rem .5rem;font-size:.8rem}
.wk-ev-home{justify-content:flex-end;text-align:right}
.wk-ev-min{font-family:'Bebas Neue',sans-serif;font-size:.85rem;color:#FF6B00;min-width:28px;text-align:right}
.wk-ev-home .wk-ev-min{order:3}
.wk-ev-icon{flex-shrink:0;font-size:.9rem}
.wk-ev-name{color:rgba(255,255,255,.8)}
.wk-assist{color:rgba(255,255,255,.4);font-size:.75rem}

/* Statistieken */
.wk-stats-wrap{display:flex;flex-direction:column;gap:.5rem}
.wk-stats-header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-bottom:.25rem}
.wk-stats-team{font-size:.78rem;font-weight:600;color:rgba(255,255,255,.7)}
.wk-stats-team:last-child{text-align:right}
.wk-stat-row{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;gap:.5rem}
.wk-stat-val{font-size:.8rem;font-weight:600;color:#fff}
.wk-stat-home{text-align:right}
.wk-stat-away{text-align:left}
.wk-stat-mid{display:flex;flex-direction:column;gap:.2rem}
.wk-stat-label{font-size:.65rem;color:rgba(255,255,255,.38);text-align:center}
.wk-stat-bar{height:4px;background:rgba(255,255,255,.08);border-radius:2px;display:flex;overflow:hidden}
.wk-bar-h{background:#FF6B00;height:100%;border-radius:2px 0 0 2px;transition:width .5s}
.wk-bar-a{background:#378ADD;height:100%;border-radius:0 2px 2px 0;transition:width .5s}

/* Opstelling */
.wk-lineups-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.wk-lineup-col{}
.wk-lineup-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem;font-size:.85rem;font-weight:600}
.wk-formation{font-size:.72rem;background:rgba(255,107,0,.15);color:#FF6B00;padding:.15rem .5rem;border-radius:4px;font-weight:600}
.wk-lineup-label{font-size:.65rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.3);margin:.5rem 0 .3rem;padding-bottom:.2rem;border-bottom:1px solid rgba(255,255,255,.05)}
.wk-bench-label{margin-top:.75rem}
.wk-player-row{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;font-size:.78rem;border-bottom:1px solid rgba(255,255,255,.04)}
.wk-player-row:last-child{border-bottom:none}
.wk-bench-row{opacity:.65}
.wk-shirt{font-family:'Bebas Neue',sans-serif;font-size:.9rem;color:#FF6B00;min-width:22px;text-align:center}
.wk-pname{flex:1;color:rgba(255,255,255,.85)}
.wk-pos{font-size:.62rem;font-weight:700;color:rgba(255,255,255,.3);text-transform:uppercase;min-width:18px;text-align:right}

/* Spelers statistieken */
.wk-player-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.wk-pstat-col{}
.wk-pstat-table{width:100%;border-collapse:collapse;font-size:.75rem}
.wk-pstat-table th{color:rgba(255,255,255,.3);font-weight:600;font-size:.62rem;text-transform:uppercase;padding:.25rem .35rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.08)}
.wk-pstat-table td{padding:.35rem .35rem;color:rgba(255,255,255,.7);text-align:center;border-bottom:1px solid rgba(255,255,255,.04)}
.wk-pstat-name{text-align:left!important;font-size:.75rem}
.wk-rating{display:inline-block;padding:.1rem .4rem;border-radius:4px;font-size:.72rem;font-weight:600}

/* ── Standen ──────────────────────────────────────────── */
.wk-standings .wk-group{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.06)}
.wk-standings .wk-group:last-child{border-bottom:none}
.wk-group-title{font-size:.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#FF6B00;margin-bottom:.5rem}
.wk-table{width:100%;border-collapse:collapse;font-size:.78rem}
.wk-table th{color:rgba(255,255,255,.3);font-weight:600;font-size:.62rem;text-transform:uppercase;padding:.25rem .4rem;text-align:center}
.wk-table td{padding:.4rem .4rem;color:rgba(255,255,255,.7);text-align:center;border-bottom:1px solid rgba(255,255,255,.04)}
.wk-table td:nth-child(3){text-align:left}
.wk-flag-cell{width:24px;padding-right:0!important}
.wk-nl td{color:#FF6B00!important;font-weight:600}
.wk-through td:first-child{color:#4ade80;font-weight:700}

/* ── Topscorers ───────────────────────────────────────── */
.wk-top-table td:nth-child(2){text-align:center;width:28px;padding:2px}
.wk-top-table td:nth-child(3){text-align:left}
.wk-top-table td:nth-child(4){text-align:left}

/* ── Team profiel ─────────────────────────────────────── */
.wk-team-profile{padding:0}
.wk-team-header{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-bottom:1px solid rgba(255,255,255,.07)}
.wk-team-title h3{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;letter-spacing:2px;margin:0 0 .35rem}
.wk-team-meta{display:flex;flex-wrap:wrap;gap:.5rem}
.wk-team-meta span{font-size:.78rem;color:rgba(255,255,255,.5)}
.wk-squad-pos-label{font-size:.68rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.3);padding:.75rem 1.25rem .35rem}
.wk-squad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem;padding:0 1.25rem .75rem}
.wk-squad-player{text-align:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:.5rem .35rem}
.wk-squad-name{font-size:.68rem;color:rgba(255,255,255,.75);margin-top:.2rem;line-height:1.3}
.wk-squad-age{font-size:.6rem;color:rgba(255,255,255,.3)}

/* ── Dag labels ───────────────────────────────────────── */
.wk-day{}
.wk-day-lbl{padding:.55rem 1.25rem;font-size:.68rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.3);background:rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.05)}

/* ── Responsive ───────────────────────────────────────── */
@media(max-width:640px){
    .wk-fix-main{grid-template-columns:48px 1fr auto 1fr;gap:.35rem;padding:.7rem}
    .wk-fix-end{display:none}
    .wk-lineups-grid,.wk-player-stats-grid{grid-template-columns:1fr}
    .wk-events-grid{grid-template-columns:1fr 4px 1fr}
    .wk-fix-name{max-width:80px}
}