/* ===== FE942 SOURCE: kisure-v562-club-sidebar-dark.css ===== */
/* Kisure Sports Frontend v562
 * Club/team sidebar dark-mode visibility and geometry.
 * Applies the same readable sidebar treatment used on Match Centre pages to
 * /football/club/* pages without altering the main club content.
 */

.football-sidebar-stack--club,
.football-sidebar-stack--club .football-side-panel{
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
}

/* True circles for group icons and team crest discs. */
.football-sidebar-stack--club .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;
    box-sizing:border-box !important;
}

.football-sidebar-stack--club .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 club sidebar. */
html[data-theme="dark"] .football-sidebar-stack--club .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-sidebar-stack--club .site-kicker{
    color:#5eead4 !important;
}
html[data-theme="dark"] .football-sidebar-stack--club h3,
html[data-theme="dark"] .football-sidebar-stack--club strong,
html[data-theme="dark"] .football-sidebar-stack--club b{
    color:#f8fafc !important;
}
html[data-theme="dark"] .football-sidebar-stack--club .football-muted,
html[data-theme="dark"] .football-sidebar-stack--club small,
html[data-theme="dark"] .football-sidebar-stack--club em{
    color:#cbd5e1 !important;
}

html[data-theme="dark"] .football-sidebar-stack--club .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-sidebar-stack--club .football-mini-table__group-label > i{
    background:rgba(20,184,166,.18) !important;
    color:#99f6e4 !important;
}
html[data-theme="dark"] .football-sidebar-stack--club .football-mini-table--team-default .football-mini-table__header{
    color:#a9b8cc !important;
}
html[data-theme="dark"] .football-sidebar-stack--club .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-sidebar-stack--club .football-mini-table--team-default > a:hover{
    background:#242424!important;
    border-color:rgba(94,234,212,.30) !important;
}
html[data-theme="dark"] .football-sidebar-stack--club .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-sidebar-stack--club .football-mini-table--team-default .football-mini-table__position,
html[data-theme="dark"] .football-sidebar-stack--club .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-sidebar-stack--club .football-mini-table--team-default > a > em{
    color:#f8fafc !important;
}
html[data-theme="dark"] .football-sidebar-stack--club .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-sidebar-stack--club .football-mini-table__empty{
    background:#1c1c1c!important;
    border-color:rgba(148,163,184,.20) !important;
    color:#cbd5e1 !important;
}

/* Competitions list. */
html[data-theme="dark"] .football-sidebar-stack--club .football-link-list--compact > span{
    background:#1c1c1c!important;
    border-color:rgba(148,163,184,.20) !important;
    color:#f8fafc !important;
}
html[data-theme="dark"] .football-sidebar-stack--club .football-link-list--compact > span strong{
    color:#f8fafc !important;
}
html[data-theme="dark"] .football-sidebar-stack--club .football-link-list--compact > span em{
    color:#a9b8cc !important;
}

/* Honours cards inherit the same dark readable surface. */
html[data-theme="dark"] .football-sidebar-stack--club .football-honour-group{
    background:#1c1c1c!important;
    border-color:rgba(148,163,184,.20) !important;
}
html[data-theme="dark"] .football-sidebar-stack--club .football-honour-group__head{
    border-color:rgba(148,163,184,.18) !important;
}
html[data-theme="dark"] .football-sidebar-stack--club .football-honour-group__head strong{
    color:#f8fafc !important;
}
html[data-theme="dark"] .football-sidebar-stack--club .football-honour-group__head small,
html[data-theme="dark"] .football-sidebar-stack--club .football-honour-group__places em{
    color:#cbd5e1 !important;
}
html[data-theme="dark"] .football-sidebar-stack--club .football-honour-group__places b{
    color:#99f6e4 !important;
}
html[data-theme="dark"] .football-sidebar-stack--club .football-honour-group__places span + span{
    border-color:rgba(148,163,184,.18) !important;
}

html[data-theme="dark"] .football-sidebar-stack--club .football-panel-link,
html[data-theme="dark"] .football-sidebar-stack--club .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-sidebar-stack--club .football-panel-link:hover,
html[data-theme="dark"] .football-sidebar-stack--club .football-panel-link--block:hover{
    background:rgba(20,184,166,.18) !important;
    border-color:rgba(94,234,212,.38) !important;
    color:#ccfbf1 !important;
}

/* ===== FE942 SOURCE: kisure-v563-club-sidebar-perfect-circles.css ===== */
/* Kisure Sports Frontend v563
 * Club standings sidebar: authoritative circular geometry.
 * Loaded after all earlier club/table styles so rank chips, crest discs and
 * group icons cannot be stretched into rounded squares/ovals.
 */

/* Ranking chip: true circle, never a rounded square. */
.football-club-page-v337 .football-sidebar-stack--club
.football-mini-table--team-default > a > .football-mini-table__position {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: center !important;
    flex: 0 0 36px !important;
    inline-size: 36px !important;
    block-size: 36px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    border-radius: 50% !important;
    clip-path: circle(50% at 50% 50%);
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* Team crest disc: exact square geometry before circular clipping. */
.football-club-page-v337 .football-sidebar-stack--club
.football-mini-table--team-default > a > strong > img {
    display: block !important;
    flex: 0 0 30px !important;
    inline-size: 30px !important;
    block-size: 30px !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    padding: 3px !important;
    border-radius: 50% !important;
    clip-path: circle(50% at 50% 50%);
    object-fit: contain !important;
    object-position: center !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* Group badge icon: same circle contract. */
.football-club-page-v337 .football-sidebar-stack--club
.football-mini-table__group-label > i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 30px !important;
    inline-size: 30px !important;
    block-size: 30px !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    border-radius: 50% !important;
    clip-path: circle(50% at 50% 50%);
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* Played/points are data cells, not icon chips. Keep them visually neutral. */
.football-club-page-v337 .football-sidebar-stack--club
.football-mini-table--team-default > a > .football-mini-table__played,
.football-club-page-v337 .football-sidebar-stack--club
.football-mini-table--team-default > a > em {
    border-radius: 0 !important;
    clip-path: none !important;
}

@media (max-width: 480px) {
    .football-club-page-v337 .football-sidebar-stack--club
    .football-mini-table--team-default > a > .football-mini-table__position {
        flex-basis: 32px !important;
        inline-size: 32px !important;
        block-size: 32px !important;
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        max-width: 32px !important;
        max-height: 32px !important;
    }

    .football-club-page-v337 .football-sidebar-stack--club
    .football-mini-table--team-default > a > strong > img {
        flex-basis: 28px !important;
        inline-size: 28px !important;
        block-size: 28px !important;
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        max-width: 28px !important;
        max-height: 28px !important;
    }
}
