/* =========================================================
   LARGEUR GÉNÉRALE
========================================================= */

body.cdv-ranking-page
.ranking-v2,
.ranking-v2 {
    width:
        min(
            1320px,
            calc(100% - 48px)
        ) !important;

    max-width:
        1320px !important;
}


/* =========================================================
   TABLEAU
========================================================= */

.ranking-v2-board {
    width:
        100% !important;
}


.ranking-v2-table {
    width:
        100% !important;

    overflow-x:
        auto !important;

    border-radius:
        20px !important;
}


.ranking-v2-row {
    width:
        100% !important;

    min-width:
        1120px !important;

    min-height:
        88px !important;

    grid-template-columns:
        78px
        minmax(245px, 1.62fr)
        .60fr
        .52fr
        .52fr
        minmax(125px, .93fr)
        .55fr
        .72fr
        .68fr !important;

    column-gap:
        18px !important;

    align-items:
        center !important;

    padding:
        0 28px !important;
}


.ranking-v2-row.header {
    min-height:
        60px !important;

    padding:
        0 28px !important;
}


/* =========================================================
   COLONNES
========================================================= */

.ranking-v2-rank {
    padding-left:
        0 !important;
}


.ranking-v2-player {
    min-width:
        0;

    padding-right:
        18px;
}


.ranking-v2-number,
.ranking-v2-wr,
.ranking-v2-points-cell,
.ranking-v2-ace-cell {
    min-width:
        0;

    justify-self:
        stretch;
}


.ranking-v2-number,
.ranking-v2-points-cell,
.ranking-v2-ace-cell {
    text-align:
        center;
}


.ranking-v2-wr {
    width:
        100%;

    max-width:
        150px;

    justify-self:
        center;
}


/* =========================================================
   BADGES
========================================================= */

.cdv-verse-points {
    min-width:
        72px !important;

    min-height:
        34px !important;

    padding:
        8px 11px !important;

    border-radius:
        11px !important;
}


.cdv-verse-points span {
    font-size:
        11px !important;
}


.cdv-ace-badge {
    min-width:
        66px !important;

    min-height:
        33px !important;

    padding:
        8px 11px !important;
}


/* =========================================================
   LÉGENDE DU BARÈME
========================================================= */

.cdv-verse-score-legend {
    gap:
        9px !important;

    margin:
        18px 0 17px !important;
}


.cdv-score-rule {
    min-height:
        29px;

    padding:
        7px 11px !important;
}


/* =========================================================
   EFFET DE SURVOL PLUS PROPRE
========================================================= */

.ranking-v2-row:not(.header) {
    transition:
        background-color
        .25s ease,

        transform
        .25s ease,

        box-shadow
        .25s ease;
}


.ranking-v2-row:not(.header):hover {
    position:
        relative;

    z-index:
        2;

    background:
        linear-gradient(
            90deg,
            rgba(
                118,
                91,
                255,
                .055
            ),
            rgba(
                66,
                180,
                255,
                .025
            ),
            transparent
        ) !important;

    box-shadow:
        inset
        2px 0 0
        rgba(
            137,
            112,
            255,
            .50
        );
}


/* =========================================================
   ÉCRANS INTERMÉDIAIRES
========================================================= */

@media (max-width: 1380px) {

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


    .ranking-v2-row {
        min-width:
            1080px !important;

        column-gap:
            14px !important;

        padding:
            0 22px !important;
    }


    .ranking-v2-row.header {
        padding:
            0 22px !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 760px) {

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


    .ranking-v2-table {
        border-radius:
            15px !important;
    }


    .ranking-v2-row {
        min-width:
            1010px !important;

        min-height:
            78px !important;

        grid-template-columns:
            62px
            200px
            72px
            62px
            62px
            120px
            66px
            82px
            76px !important;

        column-gap:
            10px !important;

        padding:
            0 17px !important;
    }


    .ranking-v2-row.header {
        min-height:
            54px !important;

        padding:
            0 17px !important;
    }
}