/* Kisure Sports Frontend v561
 * Match-page sidebar dark-mode visibility and geometry.
 * - readable match information + standings in dark/system-dark
 * - true 1:1 circular sidebar icons and team-logo discs
 * - neutral light ad canvas in dark mode so third-party ad creatives remain legible
 */

/* Keep every match-sidebar panel contained and consistent. */
.football-match-sidebar-stack,
.football-match-sidebar-stack .football-side-panel{
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
}

/* Match information icons: force a true square box before rounding. */
.football-match-sidebar-stack .football-info-list > a > i,
.football-match-sidebar-stack .football-info-list > span > i{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 34px !important;
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
    max-width:34px !important;
    max-height:34px !important;
    aspect-ratio:1 / 1 !important;
    margin:0 .72rem 0 0 !important;
    padding:0 !important;
    border:1px solid color-mix(in srgb,var(--primary,#0ea5a4) 24%,var(--border,#d9e2ea));
    border-radius:50% !important;
    background:color-mix(in srgb,var(--primary,#0ea5a4) 10%,var(--surface,#fff));
    color:var(--primary-strong,#0f766e) !important;
    line-height:1 !important;
    box-sizing:border-box !important;
}

/* Group icon gets the same perfect-circle treatment. */
.football-match-sidebar-stack .football-mini-table__group-label > i{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 28px !important;
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    min-height:28px !important;
    max-width:28px !important;
    max-height:28px !important;
    aspect-ratio:1 / 1 !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:50% !important;
    background:color-mix(in srgb,var(--primary,#0ea5a4) 12%,var(--surface,#fff));
    box-sizing:border-box !important;
}

/* Team logos are always presented on a 1:1 circular disc, never an oval. */
.football-match-sidebar-stack .football-mini-table--team-default > a > strong img{
    display:block !important;
    flex:0 0 26px !important;
    width:26px !important;
    height:26px !important;
    min-width:26px !important;
    min-height:26px !important;
    max-width:26px !important;
    max-height:26px !important;
    aspect-ratio:1 / 1 !important;
    padding:3px !important;
    border-radius:50% !important;
    object-fit:contain !important;
    box-sizing:border-box !important;
}

/* Dark/System-dark match sidebar. */
html[data-theme="dark"] .football-match-sidebar-stack .football-side-panel{
    background:#1c1c1c!important;
    border-color:rgba(94,234,212,.18) !important;
    color:#f8fafc !important;
    box-shadow:none!important;
}
html[data-theme="dark"] .football-match-sidebar-stack .site-kicker{
    color:#5eead4 !important;
}
html[data-theme="dark"] .football-match-sidebar-stack h3,
html[data-theme="dark"] .football-match-sidebar-stack strong{
    color:#f8fafc !important;
}
html[data-theme="dark"] .football-match-sidebar-stack .football-muted,
html[data-theme="dark"] .football-match-sidebar-stack small{
    color:#cbd5e1 !important;
}

html[data-theme="dark"] .football-match-sidebar-stack .football-info-list > a,
html[data-theme="dark"] .football-match-sidebar-stack .football-info-list > span{
    background:#1c1c1c!important;
    border-color:rgba(148,163,184,.20) !important;
    color:#f8fafc !important;
}
html[data-theme="dark"] .football-match-sidebar-stack .football-info-list > a:hover{
    background:#242424!important;
    border-color:rgba(94,234,212,.34) !important;
}
html[data-theme="dark"] .football-match-sidebar-stack .football-info-list > a > i,
html[data-theme="dark"] .football-match-sidebar-stack .football-info-list > span > i{
    background:rgba(20,184,166,.14) !important;
    border-color:rgba(94,234,212,.24) !important;
    color:#5eead4 !important;
}

html[data-theme="dark"] .football-match-sidebar-stack .football-mini-table__group-label{
    background:rgba(20,184,166,.12) !important;
    border-color:rgba(94,234,212,.24) !important;
    color:#99f6e4 !important;
}
html[data-theme="dark"] .football-match-sidebar-stack .football-mini-table__group-label > i{
    background:rgba(20,184,166,.18) !important;
    color:#99f6e4 !important;
}
html[data-theme="dark"] .football-match-sidebar-stack .football-mini-table--team-default .football-mini-table__header{
    color:#a9b8cc !important;
}
html[data-theme="dark"] .football-match-sidebar-stack .football-mini-table--team-default > a{
    background:#1c1c1c!important;
    border-color:rgba(148,163,184,.20) !important;
    color:#f8fafc !important;
}
html[data-theme="dark"] .football-match-sidebar-stack .football-mini-table--team-default > a:hover{
    background:#242424!important;
    border-color:rgba(94,234,212,.30) !important;
}
html[data-theme="dark"] .football-match-sidebar-stack .football-mini-table--team-default > a.is-active{
    background:#1c1c1c!important;
    border-color:rgba(94,234,212,.46) !important;
    box-shadow:none!important;
}
html[data-theme="dark"] .football-match-sidebar-stack .football-mini-table--team-default .football-mini-table__position,
html[data-theme="dark"] .football-match-sidebar-stack .football-mini-table--team-default .football-mini-table__played{
    background:#242424!important;
    border-color:rgba(148,163,184,.20) !important;
    color:#dbe7f4 !important;
}
html[data-theme="dark"] .football-match-sidebar-stack .football-mini-table--team-default > a > em{
    color:#f8fafc !important;
}
html[data-theme="dark"] .football-match-sidebar-stack .football-mini-table--team-default > a > strong img{
    background:#fff !important;
    border:1px solid rgba(226,232,240,.92) !important;
    box-shadow:none !important;
}

html[data-theme="dark"] .football-match-sidebar-stack .football-panel-link,
html[data-theme="dark"] .football-match-sidebar-stack .football-panel-link--block{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    min-height:42px;
    padding:.66rem .82rem !important;
    border:1px solid rgba(94,234,212,.22) !important;
    border-radius:12px !important;
    background:rgba(20,184,166,.10) !important;
    color:#99f6e4 !important;
    box-sizing:border-box;
}
html[data-theme="dark"] .football-match-sidebar-stack .football-panel-link:hover,
html[data-theme="dark"] .football-match-sidebar-stack .football-panel-link--block:hover{
    background:rgba(20,184,166,.18) !important;
    border-color:rgba(94,234,212,.38) !important;
    color:#ccfbf1 !important;
}

/* Advertisement panel: keep Kisure chrome dark, but give third-party creatives a
   neutral light canvas. The ad markup itself is not recoloured or modified. */
html[data-theme="dark"] .football-match-sidebar-stack .football-ad-panel{
    background:#1c1c1c!important;
    border-color:rgba(94,234,212,.18) !important;
}
html[data-theme="dark"] .football-match-sidebar-stack .football-ad-panel .football-sidebar-ad-slot{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:.55rem !important;
    overflow:hidden !important;
    border:1px solid rgba(148,163,184,.26) !important;
    border-radius:16px !important;
    background:#f8fafc !important;
    color-scheme:light !important;
    box-sizing:border-box !important;
}
html[data-theme="dark"] .football-match-sidebar-stack .football-ad-panel .kisure-safe-ad-slot,
html[data-theme="dark"] .football-match-sidebar-stack .football-ad-panel .kisure-safe-ad-primary,
html[data-theme="dark"] .football-match-sidebar-stack .football-ad-panel ins.adsbygoogle{
    max-width:100% !important;
    background:transparent !important;
}

/* Do not leave a bright empty box when the ad engine has collapsed an empty slot. */
html[data-theme="dark"] .football-match-sidebar-stack .football-ad-panel .football-sidebar-ad-slot:empty{
    display:none !important;
}

@media(max-width:480px){
    .football-match-sidebar-stack .football-info-list > a > i,
    .football-match-sidebar-stack .football-info-list > span > i{
        flex-basis:32px !important;
        width:32px !important;
        height:32px !important;
        min-width:32px !important;
        min-height:32px !important;
        max-width:32px !important;
        max-height:32px !important;
    }
}