/* =========================================================
   RECENTRAGE DE L’ENSEMBLE SOLOQ
========================================================= */

.cdv-wide-rank {

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

    gap: 8px !important;

    padding:
        0 24px 0 8px !important;
}


/* Logo toujours grand, mais replacé dans sa zone. */

.cdv-wide-rank-emblem {

    width: 170px !important;
    height: 205px !important;

    transform:
        translateX(12px) !important;
}


.cdv-wide-rank-emblem img {

    width: 170px !important;
    height: 170px !important;

    transform:
        scale(1.60) !important;
}


/* Texte éloigné du bord droit. */

.cdv-wide-rank-copy {

    width: 100% !important;

    padding:
        0 6px 0 0 !important;

    align-items: flex-start !important;

    transform:
        translateX(-4px) !important;
}


.cdv-wide-rank-name {

    max-width: 100% !important;

    font-size:
        clamp(
            21px,
            1.8vw,
            29px
        ) !important;

    line-height: 1 !important;

    overflow-wrap: normal;

    text-wrap: balance;
}


.cdv-wide-rank-mode,
.cdv-wide-rank-name {

    text-align: left !important;
}


/* =========================================================
   TABLETTE
========================================================= */

@media (max-width: 1050px) {

    .cdv-wide-rank {

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

        padding:
            0 15px 0 4px !important;
    }


    .cdv-wide-rank-emblem {

        width: 135px !important;
        height: 170px !important;

        transform:
            translateX(8px) !important;
    }


    .cdv-wide-rank-emblem img {

        width: 140px !important;
        height: 140px !important;

        transform:
            scale(1.52) !important;
    }


    .cdv-wide-rank-name {

        font-size:
            clamp(
                18px,
                1.9vw,
                25px
            ) !important;
    }

}


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

@media (max-width: 790px) {

    .cdv-wide-rank {

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

        padding:
            0 18px 0 7px !important;
    }


    .cdv-wide-rank-emblem {

        width: 155px !important;
        height: 185px !important;

        transform:
            translateX(7px) !important;
    }


    .cdv-wide-rank-emblem img {

        width: 155px !important;
        height: 155px !important;

        transform:
            scale(1.55) !important;
    }


    .cdv-wide-rank-copy {

        transform:
            none !important;
    }

}