/* =========================================================
   NETTOYAGE GÉNÉRAL
========================================================= */

body.cdv-ranking-page {
    overflow-x: clip !important;
}

body.cdv-ranking-page
.cdv-rank-movement:not(.up):not(.down) {
    display: none !important;
}

/* =========================================================
   TABLETTE ET MOBILE
========================================================= */

@media (max-width: 760px) {

    html,
    body.cdv-ranking-page {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: clip !important;
    }

    body.cdv-ranking-page
    main.ranking-v2 {
        width: calc(100% - 16px) !important;
        max-width: calc(100% - 16px) !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.cdv-ranking-page
    .ranking-v2-table-wrap,
    body.cdv-ranking-page
    .ranking-v2-table,
    body.cdv-ranking-page
    .ranking-table-shell,
    body.cdv-ranking-page
    .table-wrap {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        overflow: hidden !important;
    }

    /*
       Colonnes mobiles visibles :
       1 Rang
       2 Joueur
       4 Victoires
       5 Défaites
       8 Points
       9 ACE
    */

    body.cdv-ranking-page
    .ranking-v2-head,
    body.cdv-ranking-page
    .ranking-v2-row {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        display: grid !important;

        grid-template-columns:
            34px
            minmax(86px, 1fr)
            30px
            30px
            48px
            48px !important;

        column-gap: 4px !important;

        align-items: center !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 8px !important;
        padding-right: 8px !important;

        transform: none !important;
    }

    /* Customs */
    body.cdv-ranking-page
    .ranking-v2-head > :nth-child(3),
    body.cdv-ranking-page
    .ranking-v2-row > :nth-child(3),

    /* Winrate */
    body.cdv-ranking-page
    .ranking-v2-head > :nth-child(6),
    body.cdv-ranking-page
    .ranking-v2-row > :nth-child(6),

    /* MVP */
    body.cdv-ranking-page
    .ranking-v2-head > :nth-child(7),
    body.cdv-ranking-page
    .ranking-v2-row > :nth-child(7) {
        display: none !important;
    }

    body.cdv-ranking-page
    .ranking-v2-head > *,
    body.cdv-ranking-page
    .ranking-v2-row > * {
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        overflow: hidden !important;
    }

    body.cdv-ranking-page
    .ranking-v2-head {
        min-height: 44px !important;
        font-size: 6px !important;
        letter-spacing: .08em !important;
    }

    body.cdv-ranking-page
    .ranking-v2-row {
        min-height: 72px !important;
    }

    body.cdv-ranking-page
    .ranking-v2-row
    .player-link {
        display: block !important;

        max-width: 100% !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;

        font-size: 12px !important;
    }

    body.cdv-ranking-page
    .ranking-v2-row
    .rank {
        font-size: 14px !important;
    }

    body.cdv-ranking-page
    .ranking-v2-row
    .win,
    body.cdv-ranking-page
    .ranking-v2-row
    .loss {
        font-size: 12px !important;
        text-align: center !important;
    }

    body.cdv-ranking-page
    .ranking-v2-row
    .ranking-points,
    body.cdv-ranking-page
    .ranking-v2-row
    .ranking-ace,
    body.cdv-ranking-page
    .ranking-v2-row
    .cdv-ranking-points,
    body.cdv-ranking-page
    .ranking-v2-row
    .cdv-ranking-ace {
        justify-self: center !important;
    }

    body.cdv-ranking-page
    .ranking-v2-row
    .cdv-points-badge,
    body.cdv-ranking-page
    .ranking-v2-row
    .cdv-ace-badge {
        max-width: 46px !important;
        min-width: 0 !important;

        padding-left: 5px !important;
        padding-right: 5px !important;

        font-size: 7px !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body.cdv-ranking-page
    .ranking-v2-filters,
    body.cdv-ranking-page
    .ranking-v2-search,
    body.cdv-ranking-page
    .ranking-search-row {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
}

/* =========================================================
   TRÈS PETITS TÉLÉPHONES
========================================================= */

@media (max-width: 380px) {

    body.cdv-ranking-page
    main.ranking-v2 {
        width: calc(100% - 10px) !important;
        max-width: calc(100% - 10px) !important;
    }

    body.cdv-ranking-page
    .ranking-v2-head,
    body.cdv-ranking-page
    .ranking-v2-row {
        grid-template-columns:
            30px
            minmax(76px, 1fr)
            27px
            27px
            44px
            44px !important;

        column-gap: 2px !important;

        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    body.cdv-ranking-page
    .ranking-v2-row
    .player-link {
        font-size: 11px !important;
    }
}