/* CDV NEWSROOM EDITORIAL V2 START */


/* =========================================================
   À LA UNE CINÉMATIQUE
========================================================= */

.cdv-editorial-featured-section {
    margin-bottom: 68px;
}

.cdv-editorial-status,
.cdv-journal-live {
    display: flex;
    align-items: center;
    gap: 9px;

    color:
        rgba(
            255,
            255,
            255,
            .32
        );

    font-size: 7px;
    font-weight: 900;

    letter-spacing:
        .14em;
}

.cdv-editorial-status span,
.cdv-journal-live span {
    width: 7px;
    height: 7px;

    border-radius: 999px;

    background: #65efad;

    box-shadow:
        0 0 16px
        rgba(
            101,
            239,
            173,
            .65
        );

    animation:
        cdvEditorialPulse
        1.8s
        ease-in-out
        infinite;
}

.cdv-editorial-featured {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    min-height: 520px;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .08
        );

    border-radius: 24px;

    background: #080a16;

    box-shadow:
        0 35px 85px
        rgba(
            0,
            0,
            0,
            .38
        );
}

.cdv-editorial-featured-image {
    position: absolute;
    inset: -3%;

    z-index: -4;

    width: 106%;
    height: 106%;

    object-fit: cover;

    transform:
        scale(1.01);

    filter:
        saturate(1.04)
        brightness(.84);

    transition:
        transform
        1.1s
        cubic-bezier(
            .2,
            .75,
            .25,
            1
        ),

        filter
        .7s ease;
}

.cdv-editorial-featured:hover
.cdv-editorial-featured-image {
    transform:
        scale(1.065);

    filter:
        saturate(1.12)
        brightness(.93);
}

.cdv-editorial-featured-shade {
    position: absolute;
    inset: 0;

    z-index: -3;

    background:
        linear-gradient(
            to top,

            rgba(
                5,
                7,
                18,
                .98
            )
            0%,

            rgba(
                5,
                7,
                18,
                .76
            )
            35%,

            rgba(
                5,
                7,
                18,
                .12
            )
            75%
        ),

        linear-gradient(
            90deg,

            rgba(
                7,
                9,
                22,
                .3
            ),

            transparent 60%
        );
}

.cdv-editorial-featured-grid {
    position: absolute;
    inset: 0;

    z-index: -2;

    opacity: .12;

    background-image:
        linear-gradient(
            rgba(
                125,
                151,
                255,
                .09
            )
            1px,

            transparent 1px
        ),

        linear-gradient(
            90deg,

            rgba(
                125,
                151,
                255,
                .09
            )
            1px,

            transparent 1px
        );

    background-size:
        45px 45px;

    mask-image:
        linear-gradient(
            to top,

            black,

            transparent 68%
        );
}

.cdv-editorial-featured-top {
    position: absolute;

    left: 22px;
    right: 22px;
    top: 22px;

    display: flex;
    align-items: center;

    justify-content:
        space-between;

    gap: 20px;
}

.cdv-editorial-featured-badge,
.cdv-editorial-featured-date {
    padding:
        8px 11px;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .12
        );

    border-radius: 9px;

    color:
        rgba(
            255,
            255,
            255,
            .78
        );

    background:
        rgba(
            5,
            7,
            18,
            .62
        );

    backdrop-filter:
        blur(14px);

    -webkit-backdrop-filter:
        blur(14px);

    font-size: 7px;
    font-weight: 900;

    letter-spacing:
        .13em;
}

.cdv-editorial-featured-bottom {
    position: absolute;

    left:
        clamp(
            25px,
            4vw,
            48px
        );

    right:
        clamp(
            25px,
            4vw,
            48px
        );

    bottom:
        clamp(
            25px,
            4vw,
            43px
        );

    display: grid;

    grid-template-columns:
        minmax(
            0,
            1fr
        )

        auto
        auto;

    align-items: end;

    gap:
        clamp(
            24px,
            4vw,
            52px
        );
}

.cdv-editorial-featured-kicker {
    color:
        rgba(
            172,
            149,
            255,
            .86
        );

    font-size: 8px;
    font-weight: 900;

    letter-spacing:
        .18em;
}

.cdv-editorial-featured-copy h3 {
    max-width: 690px;

    margin:
        14px 0 0;

    color: #fff;

    font-size:
        clamp(
            29px,
            3.8vw,
            52px
        );

    line-height: .98;

    font-weight: 900;

    letter-spacing:
        -.055em;
}

.cdv-editorial-featured-copy h3 span,
.cdv-journal-content h3 span {
    color:
        rgba(
            151,
            125,
            255,
            .72
        );
}

.cdv-editorial-featured-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;

    margin-top: 18px;
}

.cdv-editorial-featured-tags span {
    padding:
        7px 9px;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .08
        );

    border-radius: 8px;

    color:
        rgba(
            255,
            255,
            255,
            .48
        );

    background:
        rgba(
            8,
            10,
            24,
            .56
        );

    font-size: 6px;
    font-weight: 900;

    letter-spacing:
        .1em;
}

.cdv-editorial-featured-tags
.winner {
    color: #f2c56d;

    border-color:
        rgba(
            240,
            192,
            98,
            .18
        );
}

.cdv-editorial-score span,
.cdv-journal-result span {
    display: block;

    color:
        rgba(
            255,
            255,
            255,
            .28
        );

    font-size: 6px;
    font-weight: 900;

    letter-spacing:
        .15em;

    white-space: nowrap;
}

.cdv-editorial-score strong {
    display: block;

    margin-top: 7px;

    color: #fff;

    font-size: 58px;
    line-height: .9;

    font-weight: 900;

    letter-spacing:
        -.07em;
}

.cdv-editorial-actions {
    display: grid;
    gap: 8px;
}

.cdv-editorial-button {
    min-width: 145px;
    min-height: 42px;

    padding:
        0 14px;

    display: flex;
    align-items: center;

    justify-content:
        space-between;

    gap: 15px;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .1
        );

    border-radius: 10px;

    color:
        rgba(
            255,
            255,
            255,
            .7
        );

    background:
        rgba(
            7,
            9,
            22,
            .66
        );

    text-decoration: none;

    font-size: 7px;
    font-weight: 900;

    letter-spacing:
        .1em;

    transition:
        transform .22s ease,
        border-color .22s ease,
        background .22s ease;
}

.cdv-editorial-button.primary {
    color: #fff;

    border-color:
        rgba(
            137,
            110,
            255,
            .34
        );

    background:
        linear-gradient(
            120deg,

            rgba(
                105,
                80,
                220,
                .58
            ),

            rgba(
                47,
                127,
                183,
                .35
            )
        );
}

.cdv-editorial-button:hover {
    transform:
        translateY(-3px);

    border-color:
        rgba(
            97,
            219,
            255,
            .4
        );
}


/* =========================================================
   CARTES
========================================================= */

.cdv-news-card {
    isolation: isolate;
}

.cdv-news-card::after {
    content: "";

    position: absolute;

    top: -60%;
    bottom: -60%;
    left: -55%;

    width: 35%;

    z-index: 5;

    opacity: 0;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,

            transparent,

            rgba(
                255,
                255,
                255,
                .11
            ),

            transparent
        );

    transform:
        rotate(18deg);

    transition:
        left .72s ease,
        opacity .25s ease;
}

.cdv-news-card:hover::after {
    left: 130%;
    opacity: 1;
}

.cdv-news-card-matchup {
    display: grid;

    grid-template-columns:
        minmax(
            0,
            1fr
        )

        auto

        minmax(
            0,
            1fr
        );

    align-items: center;

    gap: 8px;

    margin-top: 14px;

    padding:
        10px 11px;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .055
        );

    border-radius: 10px;

    background:
        rgba(
            255,
            255,
            255,
            .018
        );

    color:
        rgba(
            255,
            255,
            255,
            .54
        );

    font-size: 6px;
    font-weight: 900;

    text-align: center;

    letter-spacing:
        .06em;
}

.cdv-news-card-matchup span {
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.cdv-news-card-matchup strong {
    color:
        rgba(
            153,
            128,
            255,
            .78
        );

    font-size: 6px;
}


/* =========================================================
   STATISTIQUES ÉDITORIALES
========================================================= */

.cdv-editorial-records {
    margin-top: 70px;
}

.cdv-editorial-stats {
    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(
                0,
                1fr
            )
        );

    gap: 11px;
}

.cdv-editorial-stat {
    min-height: 145px;

    padding: 20px;

    display: flex;
    flex-direction: column;

    justify-content:
        space-between;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .07
        );

    border-radius: 17px;

    background:
        linear-gradient(
            145deg,

            rgba(
                18,
                20,
                35,
                .8
            ),

            rgba(
                7,
                9,
                18,
                .7
            )
        );

    transition:
        transform .28s ease,
        border-color .28s ease;
}

.cdv-editorial-stat:hover {
    transform:
        translateY(-5px);

    border-color:
        rgba(
            133,
            110,
            255,
            .27
        );
}

.cdv-editorial-stat > span {
    color:
        rgba(
            255,
            255,
            255,
            .28
        );

    font-size: 7px;
    font-weight: 900;

    letter-spacing:
        .14em;
}

.cdv-editorial-stat strong {
    overflow: hidden;

    color: #fff;

    font-size:
        clamp(
            24px,
            3vw,
            38px
        );

    line-height: 1;

    font-weight: 900;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.cdv-editorial-stat.dynasty strong {
    color: #f2c56d;

    font-size:
        clamp(
            17px,
            2vw,
            28px
        );
}

.cdv-editorial-stat small {
    color:
        rgba(
            255,
            255,
            255,
            .22
        );

    font-size: 6px;
    font-weight: 900;

    letter-spacing:
        .1em;
}


/* =========================================================
   JOURNAL
========================================================= */

.cdv-edition-journal {
    margin-top: 75px;
}

.cdv-journal {
    position: relative;

    margin-top: 25px;

    padding-left: 38px;
}

.cdv-journal::before {
    content: "";

    position: absolute;

    left: 13px;
    top: 15px;
    bottom: 15px;

    width: 1px;

    background:
        rgba(
            255,
            255,
            255,
            .075
        );
}

.cdv-journal-progress {
    position: absolute;

    left: 13px;
    top: 15px;

    width: 1px;
    height: 0;

    z-index: 2;

    background:
        linear-gradient(
            to bottom,

            #8e73ff,

            #5edcff,

            #f0c16b
        );

    box-shadow:
        0 0 13px
        rgba(
            116,
            154,
            255,
            .55
        );
}

.cdv-journal-entry {
    position: relative;

    min-height: 135px;

    padding:
        13px 14px;

    display: grid;

    grid-template-columns:
        145px
        minmax(
            0,
            1fr
        )
        95px
        120px;

    align-items: center;

    gap:
        clamp(
            16px,
            3vw,
            36px
        );

    border-bottom:
        1px solid
        rgba(
            255,
            255,
            255,
            .055
        );

    border-radius: 15px;

    transition:
        background .25s ease,
        transform .25s ease;
}

.cdv-journal-entry:hover {
    transform:
        translateX(5px);

    background:
        rgba(
            116,
            89,
            225,
            .04
        );
}

.cdv-journal-node {
    position: absolute;

    left: -33px;

    width: 18px;
    height: 18px;

    display: grid;
    place-items: center;

    border:
        1px solid
        rgba(
            141,
            114,
            255,
            .5
        );

    border-radius: 50%;

    color:
        rgba(
            255,
            255,
            255,
            .62
        );

    background: #0a0c19;

    font-size: 5px;
    font-weight: 900;

    box-shadow:
        0 0 17px
        rgba(
            137,
            108,
            255,
            .22
        );
}

.cdv-journal-poster {
    overflow: hidden;

    aspect-ratio:
        16 / 10;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .075
        );

    border-radius: 11px;
}

.cdv-journal-poster img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .45s ease;
}

.cdv-journal-entry:hover
.cdv-journal-poster img {
    transform:
        scale(1.065);
}

.cdv-journal-meta {
    color:
        rgba(
            255,
            255,
            255,
            .27
        );

    font-size: 6px;
    font-weight: 900;

    letter-spacing:
        .1em;
}

.cdv-journal-content h3 {
    margin-top: 9px;

    color: #fff;

    font-size:
        clamp(
            13px,
            1.6vw,
            19px
        );

    line-height: 1.2;

    font-weight: 900;

    letter-spacing:
        -.025em;
}

.cdv-journal-winner {
    margin-top: 9px;

    color: #efc16b;

    font-size: 6px;
    font-weight: 900;

    letter-spacing:
        .08em;
}

.cdv-journal-result {
    text-align: center;
}

.cdv-journal-result strong {
    display: block;

    margin-top: 7px;

    color: #fff;

    font-size: 29px;
    line-height: 1;

    font-weight: 900;
}

.cdv-journal-actions {
    display: grid;
    gap: 7px;
}

.cdv-journal-actions a {
    min-height: 34px;

    padding:
        0 10px;

    display: flex;
    align-items: center;

    justify-content:
        space-between;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .07
        );

    border-radius: 8px;

    color:
        rgba(
            255,
            255,
            255,
            .43
        );

    background:
        rgba(
            255,
            255,
            255,
            .015
        );

    text-decoration: none;

    font-size: 6px;
    font-weight: 900;

    letter-spacing:
        .1em;

    transition:
        color .2s ease,
        border-color .2s ease,
        background .2s ease;
}

.cdv-journal-actions a:hover {
    color: #fff;

    border-color:
        rgba(
            136,
            111,
            255,
            .3
        );

    background:
        rgba(
            116,
            89,
            220,
            .08
        );
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes cdvEditorialPulse {
    0%,
    100% {
        opacity: .55;

        transform:
            scale(.86);
    }

    50% {
        opacity: 1;

        transform:
            scale(1);
    }
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 980px) {
    .cdv-editorial-featured-bottom {
        grid-template-columns:
            minmax(
                0,
                1fr
            )
            auto;

        align-items: end;
    }

    .cdv-editorial-actions {
        grid-column:
            1 / -1;

        grid-template-columns:
            1fr 1fr;
    }

    .cdv-editorial-stats {
        grid-template-columns:
            1fr 1fr;
    }

    .cdv-journal-entry {
        grid-template-columns:
            120px
            minmax(
                0,
                1fr
            )
            80px;
    }

    .cdv-journal-actions {
        grid-column:
            2 / -1;

        grid-template-columns:
            1fr 1fr;

        width: 100%;
    }
}

@media (max-width: 680px) {
    .cdv-editorial-featured {
        min-height: 600px;
    }

    .cdv-editorial-featured-top {
        align-items:
            flex-start;

        flex-direction:
            column;
    }

    .cdv-editorial-featured-bottom {
        grid-template-columns:
            1fr;
    }

    .cdv-editorial-score {
        text-align: left;
    }

    .cdv-editorial-actions {
        grid-column: auto;

        grid-template-columns:
            1fr;
    }

    .cdv-editorial-stats {
        grid-template-columns:
            1fr;
    }

    .cdv-journal {
        padding-left: 28px;
    }

    .cdv-journal-entry {
        grid-template-columns:
            95px
            minmax(
                0,
                1fr
            );

        gap: 14px;
    }

    .cdv-journal-node {
        left: -27px;
    }

    .cdv-journal-result {
        grid-column:
            1 / -1;

        text-align: left;
    }

    .cdv-journal-actions {
        grid-column:
            1 / -1;
    }
}

@media (
    prefers-reduced-motion:
    reduce
) {
    .cdv-editorial-status span,
    .cdv-journal-live span {
        animation:
            none !important;
    }
}

/* CDV NEWSROOM EDITORIAL V2 END */