static/wc2026.css

/* World Cup 2026 CSS */

/* Fixtures container */
.wc-fix-container{max-height:450px;overflow-y:auto;padding:2px}
.wc-fix-header{font-size:13px;font-weight:800;color:#6cc0f0;padding:8px 4px;text-align:center}
.wc-fix-header span{font-size:10px;color:#888;font-weight:400}
.wc-fix-group{font-size:12px;font-weight:700;color:#f0c040;padding:8px 6px 4px;margin-top:10px;border-bottom:1px solid #1a3050}

/* Fixtures table */
.wc-fix-table{width:100%;border-collapse:collapse;font-size:10px;margin:4px 0 12px}
.wc-fix-table thead th{background:#0b1e35;color:#6cc0f0;padding:6px 4px;font-size:9px;text-align:center;font-weight:600;border-bottom:2px solid #1a3050}
.wc-fix-table tbody td{padding:6px 4px;border-bottom:1px solid #0d1f30;text-align:center;color:#ccc}
.wc-fix-table tbody tr:nth-child(even) td{background:#0c1525}
.wc-fix-table tbody tr:hover td{background:#122a45}
.wc-td-num{color:#555;font-size:9px;width:24px}
.wc-td-time{color:#8ab4d8;font-size:9px;white-space:nowrap;width:90px}
.wc-td-team{font-weight:600;color:#eee;font-size:11px;text-align:left;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wc-td-home{text-align:right}
.wc-td-score{font-weight:800;min-width:50px}
.wc-score-vs{color:#555}
.wc-score-live{color:#f0c040;font-size:12px}
.wc-td-venue{color:#6a8faa;font-size:9px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wc-row-played td{opacity:0.7}

/* BXH / Stats data box (HTML from bongda.com.vn) */
.wc-data-box{font-size:12px;color:#ddd;max-height:450px;overflow-y:auto;padding:4px;background:#0a1020;border-radius:6px}
.wc-data-box,.wc-data-box *{color:#ddd!important;border-color:#1a3050!important}
.wc-data-box table{width:100%!important;border-collapse:collapse!important;font-size:11px!important}
.wc-data-box th{background:#0b1e35!important;color:#6cc0f0!important;padding:6px 4px!important;font-size:10px!important;text-align:center!important;border:1px solid #1a3050!important}
.wc-data-box td{padding:5px 4px!important;border:1px solid #0d1f30!important;text-align:center!important;background:#0a1525!important}
.wc-data-box tr:nth-child(even) td{background:#0c1a2e!important}
.wc-data-box tr:hover td{background:#122a45!important}
.wc-data-box img{width:18px;height:14px;vertical-align:middle;margin:0 2px}
.wc-data-box a{color:#8ab4d8!important;text-decoration:none!important}
.wc-data-box strong,.wc-data-box b{color:#f0c040!important}
.wc-data-box h3,.wc-data-box h4{color:#6cc0f0!important;font-size:12px!important;padding:6px 0!important;border-bottom:1px solid #1a3050!important}
.wc-data-box ul{list-style:none!important;padding:0!important;margin:0!important}
.wc-data-box li{padding:5px;border-bottom:1px solid #0d1f30}
.wc-data-box .title-content{background:#0b1e35!important;padding:5px 8px;border-radius:4px;margin:4px 0}
.wc-data-box .title-content strong{color:#6cc0f0!important}
.wc-data-box .info,.wc-data-box .btns,.wc-data-box .ads{display:none!important}
.wc-data-box .match-detail{padding:5px;border-bottom:1px solid #0d1f30}
.wc-data-box .match-detail:hover{background:#0b1e35!important}
.wc-data-box .teams{display:flex;align-items:center;gap:4px}
.wc-data-box .team{flex:1;display:flex;align-items:center;gap:3px}
.wc-data-box .team .name{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wc-data-box .home-team{justify-content:flex-end}
.wc-data-box .status{flex:0 0 50px;text-align:center}
.wc-data-box .status a{font-weight:800;font-size:12px}

/* News */
.wc-news-grid{display:flex;flex-direction:column;gap:8px;max-height:450px;overflow-y:auto}
.wc-news-item{display:flex;gap:8px;padding:8px;background:#1a2030;border-radius:8px;cursor:pointer}
.wc-news-item:active{opacity:.8}
.wc-news-img{flex:0 0 80px;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#222}
.wc-news-img img{width:100%;height:100%;object-fit:cover}
.wc-news-text{flex:1;min-width:0}
.wc-news-title{font-size:11px;font-weight:700;color:#eee;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wc-news-via{font-size:9px;color:#6a9fca;margin-top:3px}

/* Scrollbar */
.wc-fix-container::-webkit-scrollbar,.wc-data-box::-webkit-scrollbar,.wc-news-grid::-webkit-scrollbar{width:4px}
.wc-fix-container::-webkit-scrollbar-thumb,.wc-data-box::-webkit-scrollbar-thumb,.wc-news-grid::-webkit-scrollbar-thumb{background:#1a3050;border-radius:2px}