/* =========================================================
   AVATAR PLUS PROPRE ET PLUS PREMIUM
========================================================= */

.cdv-wide-avatar {

    border-radius: 24px !important;

    transform: none !important;

    border:
        1px solid
        rgba(
            var(--player-accent),
            .28
        ) !important;

    box-shadow:

        0 0 0 5px
        rgba(
            var(--player-accent),
            .028
        ),

        0 23px 46px
        rgba(
            0,
            0,
            0,
            .44
        ),

        0 0 35px
        rgba(
            var(--player-accent),
            .10
        ) !important;
}


/* Dégradé inférieur pour intégrer le portrait à la bannière. */

.cdv-wide-avatar::before {

    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 43%;

    z-index: 2;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,

            transparent,

            rgba(
                5,
                7,
                19,
                .15
            )
            42%,

            rgba(
                5,
                7,
                19,
                .58
            )
            100%
        ) !important;
}


/* Reflet très discret dans le coin supérieur gauche. */

.cdv-wide-avatar::after {

    content: "";

    position: absolute;

    inset: 0;

    z-index: 3;

    pointer-events: none;

    border-radius: inherit;

    background:

        linear-gradient(
            135deg,

            rgba(
                255,
                255,
                255,
                .105
            ),

            transparent 31%
        ),

        linear-gradient(
            180deg,

            transparent 68%,

            rgba(
                var(--player-accent),
                .08
            )
        ) !important;
}


/* Image sans zoom ni inclinaison parasites. */

.cdv-wide-avatar img {

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    transform: none !important;

    transition:
        filter .28s ease !important;
}


/* Interaction uniquement lumineuse, aucun déplacement. */

.player-v2-header:hover
.cdv-wide-avatar img {

    filter:
        contrast(1.025)
        saturate(1.035) !important;
}


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

@media (max-width: 790px) {

    .cdv-wide-avatar {

        border-radius: 21px !important;
    }

}