﻿body{font-family:'system-ui',sans-serif;margin:0;background-color:#161b22;padding-left:3px;padding-right:3px;}
a{text-decoration:none!important;}
.accordions-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5em;width:100%;box-sizing:border-box;}
.accordions-wrapper.recent-matches{grid-template-columns:repeat(1,1fr)!important;}
.accordion-container{border-radius:5px;width:calc(100%);max-width:600px;box-sizing:border-box;padding-bottom:3px;min-height:380px;}
.section-header{margin:0 .25em .5em;border-bottom:2px solid rgba(255,255,255,.14);font-weight:600;font-size:.9em;box-sizing:border-box;padding:.5em 0;color:rgba(239,215,128,.8);line-height:20px;}
.section-header .number-cell{float:right;display:inline-block;width:28px;font-size:smaller;color:rgba(255,255,255,.68);}
.accordion-item{border-radius:5px;margin:3px 0;background-color:#30363d;color:rgba(255,255,255,.92);line-height:20px;}
.accordion-header{padding:9px;cursor:pointer;border-radius:5px;justify-content:space-between;align-items:center;font-weight:600;font-size:small;position:relative;padding-left:25px;padding-right:27px;}
.accordion-header:hover,.accordion-header.active:hover{border-radius:4px 4px 0 0;border-bottom:none;}
.accordion-item.active{background-color:#d0d0d030!important;}
.accordion-header .MatchesPlayed,.accordion-header.MatchesLost,.accordion-header .MatchesWon,.accordion-header .NRR{font-weight:400;font-size:10px;line-height:19px;width:29px!important;color:#79f566!important;}
.accordion-header .NRR{width:40px!important;}
.accordion-header .MatchesPlayed{color:rgba(255,255,255,.68)!important;}
.accordion-header .MatchesLost{color:red!important;opacity:.6;}
.accordion-header .team-points-count{display:inline-block;width:35px;text-align:right;}
.accordion-header .team-points-count,.accordion-header .teamrank,.accordion-header .today-rank{pointer-events:none;opacity:.78;}
.accordion-content{padding:10px 5px;display:none;transition:max-height .8s ease,padding .3s ease;overflow:hidden;max-height:0;}
.series-not-started-message {
    color: rgb(122, 120, 120);
    border: solid 1px rgb(29, 162, 231,.6);
    padding: 15px;
    border-radius: 10px;
}

.accordion-content.active{max-height:850px;padding:10px 5px;border-radius:0 0 5px 5px;overflow:visible;display:inline;}
.league-link    {padding: 10px 15px;
    border: solid 1px #1da2e7;
    border-radius: 21px;
    text-decoration:none;color:#1da2e7;font-size:smaller;margin:auto;display:inline-block;justify-content:space-between;align-items:center;text-align: center;}
.league-link:hover{background-color:#555;opacity:1;}
    .forecast-container{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;display:flex;gap:.5em;box-sizing:border-box;flex-wrap:nowrap;-ms-overflow-style:none;scrollbar-width:none;margin:5px auto;min-height:0!important;border:none!important;}
.forecast-container::-webkit-scrollbar{display:none;}
.day-panel{margin:auto;border:1px solid #30363d;border-radius:5px;display:inline-block;vertical-align:top;margin-bottom:0;color:rgba(255,255,255,.64);margin-left:0;}
.panel-content{padding:0;}
.match-container{line-height:1.4;display:flex;flex-direction:column;flex-shrink:0;width:auto;min-width:275px;padding:5px 10px 10px;border-radius:5px;text-decoration:none;color:inherit;text-align:center;}
.date{ font-size: smaller;
    margin-bottom: .3em;
    }
.team-name{color: rgba(239, 215, 128, .8);
    font-weight: bold;word-wrap:break-word;max-width:100%;text-align:left;font-size:smaller;height: 20px;}
.matchstatus{color:#656464;font-size:12px;font-style:italic;float:right;line-height:18px;display:inline-block;white-space:pre-line;}
.teamrank{position:absolute;left:4px;font-size:smaller;width:15px;text-align:right;color:rgba(239,215,128,.8);opacity:1!important;}
.player-score-table{width:calc(100% - 10px);margin:auto;}
.player-score-table th,.player-score-table td{white-space:nowrap;padding:3px 2px;border-bottom:1px solid rgba(255,255,255,.2)!important;font-size:13px;text-align:left;}
.player-score-table th,.player-score-table td:empty{width:0;padding:0;}
.number-cell{text-align:right!important;color:rgba(239,215,128,.8);min-width:25px;}
.player-points-count,.team-points-count{display:inline-block;float:right;}
.player-teamcode{float:right;color:#9b9b9b;}
.scorecard a,.scorecard a:visited,.scorecard a:active{color:#1da2e7;display:block;}
#leading-bowlers .accordion-container,#leading-batsman .accordion-container{background-color:inherit!important;}
#leading-batsman table td,#leading-bowlers table td{padding:3px 1px;border:none!important;}
#leading-batsman table tr:nth-child(odd),#leading-bowlers table tr:nth-child(odd){background-color:#181e28!important;}
.skeleton::before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#30363d 0,#1b1e22 50%,#30363d 100%);animation:skeleton-loading 1.2s infinite linear;border-radius:5px;}
@media (min-width:768px){
.accordions-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:.5em;align-items:start;padding:.5em;}
.accordion-container{max-width:none;}
}
@media (min-width:1200px){
.accordions-wrapper{grid-template-columns:repeat(3,1fr);gap:15px;padding:5px;}
}

/* =================================== */
/* === Responsive Header Navigation === */
/* =================================== */

.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    background-color: #1a1a1a; /* Dark background for the header */
    color: white;
    position: relative; /* Needed for absolute positioning of the mobile menu */
    z-index: 1000;
    border-bottom: solid 1px #30363d;
}

.header-title {
    font-size: 1.2em;
    font-weight: bold;
}

.series-links-container{
    justify-content: center;
}

.series-links-container a {
    text-decoration: none;
    color: #1da2e7;
    margin: 0px 10px;
    padding: 5px 0px;
    transition: background-color 0.3s;
    font-size: smaller;
}
.series-links-container a.active {
    color: white !important;
    cursor: default;
    border-bottom: solid 2px white;
}

.live {
    color: #08d708 !important;
}