/*
 * TEAM ESTATISTICAS PLAYER UI
 * Separate stylesheet because legacy main CSS contains parser damage before V70.
 */

/*
 * ==========================================================
 * MCT PLAYER LEADERS FINAL V70
 *
 * REAL DOM:
 * .mct-v50-card
 * .mct-v50-row
 * .mct-v50-avatar
 * .mct-v50-copy
 * .mct-v50-value
 *
 * This is now the single source of truth.
 * ==========================================================
 */


/* ----------------------------------------------------------
   DATA TABLE
   Source data stays in DOM but is not visually rendered.
   ---------------------------------------------------------- */

.mct-player-database
.mct-player-table-wrap {
    display: none !important;
}


/* ----------------------------------------------------------
   LEADER GRID
   ---------------------------------------------------------- */

.mct-player-database
[data-player-leader-grid] {
    display: block !important;

    width: calc(100% + 32px) !important;
    max-width: none !important;

    margin:
        0
        -16px !important;

    padding:
        0
        8px
        20px !important;

    box-sizing:
        border-box !important;
}


/* ----------------------------------------------------------
   CARD
   ---------------------------------------------------------- */

.mct-player-database
.mct-v50-card {
    width: 100% !important;

    display: block !important;

    margin:
        0
        0
        12px !important;

    padding: 0 !important;

    background:
        #fff !important;

    border:
        1px solid
        #e2e8ec !important;

    border-radius:
        14px !important;

    overflow:
        hidden !important;

    box-shadow:
        none !important;

    box-sizing:
        border-box !important;
}


/* ----------------------------------------------------------
   CARD HEADER
   ---------------------------------------------------------- */

.mct-player-database
.mct-v50-card-head {
    width: 100% !important;

    height: 54px !important;
    min-height: 54px !important;

    display: flex !important;

    align-items:
        center !important;

    justify-content:
        space-between !important;

    gap:
        12px !important;

    margin: 0 !important;

    padding:
        0
        14px !important;

    background:
        #fff !important;

    box-sizing:
        border-box !important;
}


.mct-player-database
.mct-v50-card-title {
    margin: 0 !important;
    padding: 0 !important;

    color:
        #102736 !important;

    font-family:
        Lato,
        sans-serif !important;

    font-size:
        15px !important;

    font-weight:
        700 !important;

    line-height:
        1.1 !important;
}


.mct-player-database
.mct-v50-view-all {
    position:
        relative !important;

    z-index:
        10 !important;

    flex:
        0
        0
        auto !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    margin: 0 !important;

    padding:
        8px
        0 !important;

    border:
        0 !important;

    background:
        transparent !important;

    color:
        #6256ff !important;

    font-family:
        Lato,
        sans-serif !important;

    font-size:
        11px !important;

    font-weight:
        700 !important;

    line-height:
        1 !important;

    text-transform:
        uppercase !important;

    cursor:
        pointer !important;

    pointer-events:
        auto !important;

    touch-action:
        manipulation !important;
}


/* ----------------------------------------------------------
   CARD LIST
   ---------------------------------------------------------- */

.mct-player-database
.mct-v50-list {
    width: 100% !important;

    display:
        block !important;

    margin: 0 !important;

    padding:
        0
        13px
        8px !important;

    box-sizing:
        border-box !important;
}


/* ----------------------------------------------------------
   ROW
   ---------------------------------------------------------- */

.mct-player-database
.mct-v50-row {
    width: 100% !important;

    height:
        61px !important;

    min-height:
        61px !important;

    max-height:
        61px !important;

    display:
        grid !important;

    grid-template-columns:
        38px
        minmax(0, 1fr)
        auto !important;

    align-items:
        center !important;

    column-gap:
        10px !important;

    margin: 0 !important;
    padding: 0 !important;

    border:
        0 !important;

    border-top:
        1px solid
        #edf1f3 !important;

    background:
        #fff !important;

    overflow:
        hidden !important;

    box-sizing:
        border-box !important;
}


.mct-player-database
.mct-v50-row:first-child {
    border-top:
        0 !important;
}


/* ----------------------------------------------------------
   PLAYER AVATAR
   ---------------------------------------------------------- */

.mct-player-database
.mct-v50-avatar {
    position:
        relative !important;

    width:
        36px !important;

    height:
        36px !important;

    min-width:
        36px !important;

    min-height:
        36px !important;

    max-width:
        36px !important;

    max-height:
        36px !important;

    display:
        block !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow:
        hidden !important;

    background:
        #f4f6f7 !important;

    border:
        1px solid
        #dfe5e8 !important;

    border-radius:
        50% !important;

    box-sizing:
        border-box !important;

    transform:
        none !important;
}


.mct-player-database
.mct-v50-avatar
> img {
    position:
        absolute !important;

    inset:
        0 !important;

    width:
        36px !important;

    height:
        36px !important;

    min-width:
        36px !important;

    min-height:
        36px !important;

    max-width:
        36px !important;

    max-height:
        36px !important;

    display:
        block !important;

    margin: 0 !important;
    padding: 0 !important;

    border:
        0 !important;

    border-radius:
        50% !important;

    object-fit:
        cover !important;

    object-position:
        center top !important;

    transform:
        none !important;
}


/* ----------------------------------------------------------
   PLAYER COPY
   ---------------------------------------------------------- */

.mct-player-database
.mct-v50-copy {
    min-width:
        0 !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    justify-content:
        center !important;

    gap:
        4px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow:
        hidden !important;
}


.mct-player-database
.mct-v50-copy
> strong {
    width:
        100% !important;

    display:
        block !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow:
        hidden !important;

    white-space:
        nowrap !important;

    text-overflow:
        ellipsis !important;

    color:
        #1e313b !important;

    font-family:
        Lato,
        sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        700 !important;

    line-height:
        1.1 !important;
}


.mct-player-database
.mct-v50-copy
> small {
    width:
        100% !important;

    display:
        flex !important;

    align-items:
        center !important;

    gap:
        5px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow:
        hidden !important;

    white-space:
        nowrap !important;

    text-overflow:
        ellipsis !important;

    color:
        #929fa8 !important;

    font-family:
        Lato,
        sans-serif !important;

    font-size:
        9px !important;

    font-weight:
        400 !important;

    line-height:
        1 !important;
}


/* team logo */

.mct-player-database
.mct-v50-copy
> small
> img {
    position:
        static !important;

    width:
        11px !important;

    height:
        11px !important;

    min-width:
        11px !important;

    min-height:
        11px !important;

    max-width:
        11px !important;

    max-height:
        11px !important;

    flex:
        0
        0
        11px !important;

    display:
        block !important;

    margin: 0 !important;
    padding: 0 !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    object-fit:
        contain !important;

    object-position:
        center !important;

    transform:
        none !important;
}


/* ----------------------------------------------------------
   VALUE
   ---------------------------------------------------------- */

.mct-player-database
.mct-v50-value {
    position:
        static !important;

    min-width:
        48px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        flex-end !important;

    gap:
        8px !important;

    margin: 0 !important;
    padding: 0 !important;

    color:
        #30343a !important;

    font-family:
        Lato,
        sans-serif !important;

    font-size:
        15px !important;

    font-weight:
        700 !important;

    line-height:
        1 !important;

    white-space:
        nowrap !important;

    transform:
        none !important;
}


.mct-player-database
.mct-v50-value
> strong {
    margin: 0 !important;
    padding: 0 !important;

    font:
        inherit !important;

    color:
        inherit !important;
}


/* rating square */

.mct-player-database
.mct-v50-value
> i {
    width:
        14px !important;

    height:
        14px !important;

    min-width:
        14px !important;

    min-height:
        14px !important;

    flex:
        0
        0
        14px !important;

    display:
        none !important;

    margin: 0 !important;
    padding: 0 !important;

    background:
        #10b956 !important;

    border-radius:
        1px !important;
}


.mct-player-database
.mct-v50-card[data-format="rating"]
.mct-v50-value
> i {
    display:
        block !important;
}


/* ----------------------------------------------------------
   INTERNAL CATEGORY GAP
   ---------------------------------------------------------- */

.mct-player-database
.mct-player-categories {
    margin-bottom:
        12px !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 767px) {

    .mct-player-database
    .mct-player-table-wrap {
        display:
            none !important;
    }

}