/* assets/css/competition-centre.css */

body .mf-competition-selector,
body .mf-table,
body .mf-fixtures-section{
    background:#050505 !important;
    color:#fff !important;
    padding-left:16px !important;
    padding-right:16px !important;
}

body .mf-competition-selector-wrap,
body .mf-table-wrap,
body .mf-fixtures-wrap{
    width:100% !important;
    max-width:980px !important;
    margin-left:0 !important;
    margin-right:auto !important;
}

body .mf-competition-selector{padding-top:24px !important;padding-bottom:16px !important;}
body .mf-chip-group{margin:0 0 14px !important;}
body .mf-chip-label{display:block !important;color:#cfd8dc !important;font-size:11px !important;font-weight:900 !important;text-transform:uppercase !important;letter-spacing:1.2px !important;margin:0 0 7px !important;}
body .mf-chip-row{display:flex !important;flex-wrap:wrap !important;gap:8px !important;}
body .mf-chip{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-height:34px !important;padding:0 14px !important;border-radius:8px !important;background:#12313a !important;color:#d8e2e6 !important;text-decoration:none !important;border:0 !important;font-size:12px !important;font-weight:900 !important;text-transform:uppercase !important;letter-spacing:.6px !important;}
body .mf-chip.is-active,body .mf-chip:hover{background:#FDCF0B !important;color:#000 !important;}

body .mf-table{padding-top:12px !important;padding-bottom:28px !important;}
body .mf-table-header{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:18px !important;margin:0 0 20px !important;}
body .mf-competition-logo{order:1 !important;width:68px !important;height:68px !important;object-fit:contain !important;background:#fff !important;border-radius:12px !important;padding:7px !important;flex:0 0 68px !important;}
body .mf-table-heading-text{order:2 !important;}
body .mf-table-title{font-size:42px !important;line-height:1 !important;margin:0 0 8px !important;color:#fff !important;font-weight:900 !important;}
body .mf-table-season{color:#cfd8dc !important;font-size:14px !important;font-weight:800 !important;}
body .mf-table-group{margin:0 0 24px !important;}
body .mf-table-group-title{color:#d7dde0 !important;font-size:19px !important;font-weight:900 !important;margin:0 0 10px !important;}

body .mf-table-box{background:#061f26 !important;border:0 !important;border-radius:8px !important;overflow:hidden !important;}
body .mf-table-scroll{overflow-x:auto !important;}
body table.mf-league-table{width:100% !important;min-width:830px !important;border-collapse:collapse !important;border-spacing:0 !important;background:#061f26 !important;border:0 !important;}
body table.mf-league-table thead{background:#082a33 !important;}
body table.mf-league-table th{background:#082a33 !important;color:#dce6ea !important;padding:9px 10px !important;border:0 !important;border-bottom:1px solid rgba(255,255,255,.08) !important;text-align:left !important;font-size:10px !important;font-weight:900 !important;letter-spacing:.8px !important;text-transform:uppercase !important;}
body table.mf-league-table td{background:transparent !important;color:#fff !important;padding:8px 10px !important;border:0 !important;border-bottom:1px solid rgba(255,255,255,.12) !important;font-size:13px !important;font-weight:800 !important;vertical-align:middle !important;}
body .mf-pos-cell{width:42px !important;font-weight:900 !important;}
body .mf-points-cell{font-weight:900 !important;}
body .mf-team-cell{display:flex !important;align-items:center !important;gap:9px !important;min-width:210px !important;}
body .mf-team-logo,body .mf-team-logo-image{width:26px !important;height:26px !important;flex:0 0 26px !important;}
body .mf-team-logo{border-radius:50% !important;background:#FDCF0B !important;color:#000 !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:9px !important;font-weight:900 !important;}
body .mf-team-logo-image{object-fit:contain !important;}
body .mf-team-name{color:#fff !important;font-size:13px !important;font-weight:900 !important;line-height:1.2 !important;white-space:nowrap !important;}

body .mf-last-five{display:flex !important;align-items:center !important;gap:5px !important;min-width:132px !important;}
body .mf-form-pill{width:24px !important;height:24px !important;border-radius:6px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:12px !important;font-weight:900 !important;line-height:1 !important;}
body .mf-form-pill.win{background:#00b956 !important;color:#fff !important;}
body .mf-form-pill.draw{background:#f0a000 !important;color:#fff !important;}
body .mf-form-pill.loss{background:#e00000 !important;color:#fff !important;}

body .mf-fixtures-section{padding-top:6px !important;padding-bottom:34px !important;}
body .mf-fixtures-header{margin:0 0 10px !important;}
body .mf-fixtures-kicker{display:none !important;}
body .mf-fixtures-title{font-size:22px !important;margin:0 0 10px !important;color:#fff !important;line-height:1 !important;font-weight:900 !important;}
body .mf-fixtures-list{display:flex !important;flex-direction:column !important;gap:12px !important;}
body .mf-fixture-round-title{background:#082a33 !important;color:#dce6ea !important;font-size:10px !important;padding:8px 12px !important;margin:0 !important;border-radius:8px 8px 0 0 !important;text-transform:uppercase !important;letter-spacing:.8px !important;}
body .mf-fixture-row{display:grid !important;grid-template-columns:92px 1fr !important;min-height:46px !important;background:#061f26 !important;border:0 !important;border-bottom:1px solid rgba(255,255,255,.1) !important;}
body .mf-fixture-datebox{padding:7px 10px !important;border-right:1px solid rgba(255,255,255,.08) !important;}
body .mf-fixture-datebox strong{display:block !important;font-size:10px !important;line-height:1.2 !important;}
body .mf-fixture-datebox span{display:block !important;font-size:10px !important;color:#cfd8dc !important;margin-top:4px !important;}
body .mf-fixture-match{display:grid !important;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr) !important;align-items:center !important;gap:6px !important;padding:6px 10px !important;}
body .mf-fixture-team{display:flex !important;align-items:center !important;gap:7px !important;min-width:0 !important;}
body .mf-fixture-team:last-child{justify-content:flex-end !important;text-align:right !important;}
body .mf-fixture-team-logo,body .mf-fixture-team-logo img{width:22px !important;height:22px !important;flex:0 0 22px !important;}
body .mf-fixture-team-name{font-size:11px !important;line-height:1.15 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
body .mf-fixture-scorebox{font-size:13px !important;font-weight:900 !important;justify-content:center !important;}
body .mf-fixture-scorebox em{display:none !important;}
body .mf-fixture-vs{font-size:10px !important;color:#FDCF0B !important;}

@media(max-width:768px){body .mf-table-title{font-size:34px !important;}body table.mf-league-table{min-width:820px !important;}body .mf-table-header{align-items:flex-start !important;}body .mf-competition-logo{width:54px !important;height:54px !important;flex-basis:54px !important;}}
@media(max-width:520px){body .mf-chip{min-height:32px !important;padding:0 11px !important;font-size:10px !important;}body .mf-fixture-row{grid-template-columns:76px 1fr !important;}body .mf-fixture-match{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) !important;padding:6px !important;}body .mf-fixture-team-name{font-size:10px !important;}}
/* FINAL SELECTOR ROW FIX */

body .mf-selector-compact{
    display:grid !important;
    grid-template-columns:340px 1fr !important;
    gap:14px !important;
    align-items:end !important;
}

body .mf-selector-dropdowns{
    display:grid !important;
    grid-template-columns:minmax(220px, 1.5fr) minmax(130px, .8fr) !important;
    gap:10px !important;
    align-items:end !important;
}

body .mf-selector-dropdowns label{
    margin:0 !important;
}

body .mf-selector-dropdowns select{
    width:100% !important;
    height:34px !important;
}

@media(max-width:820px){
    body .mf-selector-compact{
        grid-template-columns:1fr !important;
    }

    body .mf-selector-dropdowns{
        grid-template-columns:1fr 1fr !important;
    }
}
/* =========================================================
   SEASON AVAILABILITY
========================================================= */

.mf-season-state {
    padding: 42px 30px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 18px;
    background: #00252d;
    color: #fff;
}

.mf-season-state-label {
    display: inline-block;
    margin-bottom: 12px;
    color: #f5c400;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.mf-season-state h3 {
    margin: 0 0 10px;
    color: #fff;
    font-size: clamp(24px, 3vw, 36px);
    font-weight: 900;
    line-height: 1.1;
}

.mf-season-state p {
    max-width: 650px;
    margin: 0 0 22px;
    color: #b9c6ca;
    font-size: 15px;
    line-height: 1.65;
}

.mf-season-state-button,
.mf-previous-season-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 10px;
    background: #f5c400;
    color: #071015 !important;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.6px;
    text-decoration: none !important;
    text-transform: uppercase;
}

.mf-season-state-button:hover,
.mf-previous-season-link:hover {
    background: #fff;
    color: #071015 !important;
}

.mf-previous-season-link {
    min-height: 36px;
    margin-top: 12px;
    padding: 0 13px;
    font-size: 10px;
}

.mf-standings-updated {
    margin-top: 18px;
    color: #9ba8ad;
    font-size: 11px;
    font-weight: 700;
}

.mf-api-admin-status {
    margin-top: 8px;
    padding: 10px 13px;
    border: 1px solid rgba(245, 196, 0, 0.25);
    border-radius: 8px;
    background: rgba(245, 196, 0, 0.08);
    color: #cbd4d7;
    font-size: 11px;
}

.mf-api-admin-status strong {
    color: #f5c400;
}

@media (max-width: 600px) {
    .mf-season-state {
        padding: 30px 20px;
    }
}
/* =========================================================
   PREVIOUS SEASON AND API STATUS
========================================================= */

.mf-season-state {
    padding: 42px 30px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 18px;
    background: #00252d;
    color: #fff;
}

.mf-season-state-label {
    display: inline-block;
    margin-bottom: 12px;
    color: #f5c400;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.mf-season-state h3 {
    margin: 0 0 10px;
    color: #fff;
    font-size: clamp(24px, 3vw, 36px);
    font-weight: 900;
    line-height: 1.1;
}

.mf-season-state p {
    max-width: 650px;
    margin: 0 0 22px;
    color: #b9c6ca;
    font-size: 15px;
    line-height: 1.65;
}

.mf-season-state-button,
.mf-previous-season-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 10px;
    background: #f5c400;
    color: #071015 !important;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.6px;
    text-decoration: none !important;
    text-transform: uppercase;
}

.mf-season-state-button:hover,
.mf-previous-season-link:hover {
    background: #fff;
    color: #071015 !important;
}

.mf-previous-season-link {
    min-height: 36px;
    margin-top: 12px;
    padding: 0 13px;
    font-size: 10px;
}

.mf-season-history-note {
    margin: 14px 0 0 !important;
    color: #93a4aa !important;
    font-size: 11px !important;
}

.mf-standings-updated {
    margin-top: 18px;
    color: #9ba8ad;
    font-size: 11px;
    font-weight: 700;
}

.mf-api-admin-status {
    margin-top: 8px;
    padding: 10px 13px;
    border: 1px solid rgba(245, 196, 0, 0.25);
    border-radius: 8px;
    background: rgba(245, 196, 0, 0.08);
    color: #cbd4d7;
    font-size: 11px;
}

.mf-api-admin-status strong {
    color: #f5c400;
}

@media (max-width: 600px) {
    .mf-season-state {
        padding: 30px 20px;
    }
}