/* Main container */
#videos {
    width: auto;
}

[data-color="reverse-color"] .texte_case {
    color: #000;
}

/* ------------------------- Image Lightbox ----------------------- */

#img-lightbox {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 999;
}

#img-lightbox .swiper {
    height: 100%;
    padding: 2em 0;

    .imgcase {
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
    }
}

#img-lightbox .reverse-color .swiper-pagination {
    .swiper-pagination-bullet {
        border: 1px solid #fff;
        background-color: transparent;
        opacity: 1;
    }

    .swiper-pagination-bullet-active {
        background-color: #fff;
        box-shadow: 0 0 5px 2px #fff;
    }
}

@media (min-width: 1024px) {
    #img-lightbox .reverse-color {

        .swiper-button-prev,
        .swiper-button-next {
            color: #fff;
        }
    }
}

#img-lightbox .imgcase-triumph23 {
    background-position: center;
}

#img-close {
    position: fixed;
    top: 20px;
    right: 40px;
    font-size: 50px;
    color: #fff;
    cursor: pointer;
}

#img-lightbox,
#video,
#btnClose {
    display: none;
}



/* --------------------- Swiper --------------------- */


/* Pagination */
.swiper .swiper-pagination {
    display: flex;
    margin-left: 30px;
    margin-bottom: 10px;
    min-height: max-content;
    bottom: 20px;

    .swiper-pagination-bullet {
        border: 1px solid #fff;
        background-color: transparent;
        opacity: 1;
    }

    .swiper-pagination-bullet-active {
        background-color: #fff;
        box-shadow: 0 0 5px 2px #fff;
    }
}

.swiper-button-next,
.swiper-button-prev {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 200px;
    min-width: 100px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
}

.swiper-button-next {
    right: -20px;
}

.swiper-button-prev {
    left: -20px;
}

.swiper {
    --swiper-navigation-color: #fff;
    --swiper-pagination-color: #fff;
    --swiper-pagination-bullet-inactive-color: #fff;
    --swiper-pagination-bullet-size: 12px;
    --swiper-pagination-bullet-width: 12px;
    --swiper-pagination-size: 100px;
}

.swiper-button-next.video {
    right: 5px;
}

.swiper-button-prev.video {
    left: 5px;
}

.swiper-button-next.video::after,
.swiper-button-prev.video::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}



@media (max-width: 768px) {
    .swiper-button-next.video {
        right: -20px;
    }

    .swiper-button-prev.video {
        left: -20px;
    }
}

@media all and (min-width: 1200px) {
    .swiper {
        --swiper-navigation-size: 70px;
        --swiper-navigation-sides-offset: 50px;
        --swiper-pagination-bullet-width: 12px;
        --swiper-pagination-bullet-height: 12px;
        --swiper-pagination-bullet-horizontal-gap: 8px;
    }
}

@media (max-width: 1023px) {

    .reverse-color .swiper-pagination .swiper-pagination-bullet {
        border: 1px solid #000;
        background-color: transparent;
        opacity: 1;
    }

    .reverse-color .swiper-pagination .swiper-pagination-bullet-active {
        background-color: #000;
        box-shadow: 0 0 5px 2px #000;
    }

    .reverse-color .swiper-button-prev,
    .reverse-color .swiper-button-next {
        color: #000;
    }
}






/* --------------------- Image Cases --------------------- */

.imgcase {
    background-position: center;
    background-size: cover;
    position: relative;
    padding-bottom: 42.86%;
    max-height: none;
    cursor: pointer;
}

/* Lazy backgrounds: not downloaded until the block approaches the viewport (js/ui.js) */
.lazy-bg #videos > :not(.bg-in) .imgcase {
    background-image: none;
}


/* Individual image cases */

/* Iveco */
.imgcase-iveco {
    background-image: url(../assets/projects/iveco/iveco.webp);
}

/* Vileda */
.imgcase-vileda-copertina {
    background-image: url(../assets/projects/vileda/copertina.webp);
}

.imgcase-vileda-case01 {
    background-image: url(../assets/projects/vileda/case01.webp);
}

.imgcase-vileda-case02 {
    background-image: url(../assets/projects/vileda/case02.webp);
}

.imgcase-vileda-case03 {
    background-image: url(../assets/projects/vileda/case03.webp);
}

/* Tigullio Connoisseur */
.imgcase-tigullio-connoisseur {
    background-image: url(../assets/projects/tigullio-connoisseur/tigullio-connoisseur.webp);
}

/* Subito Motori */
.imgcase-subito-motori {
    background-image: url(../assets/projects/subito-motori/subito-motori.webp);
}

/* Saikebon Riso */
.imgcase-saikebon-riso {
    background-image: url(../assets/projects/saikebon-riso/saikebon-riso.webp);
}

/* Subito Flash Forward */
.imgcase-subito-padel {
    background-image: url(../assets/projects/subito-flash_forward/subito-padel.webp);
}

.imgcase-subito-occhiali {
    background-image: url(../assets/projects/subito-flash_forward/subito-occhiali.webp);
}

/* Saikebon Sayonara */
.imgcase-saikebon-sayonara {
    background-image: url(../assets/projects/saikebon-sayonara/saikebon-sayonara.webp);
}

/* Rana Sfoglia */
.imgcase-rana-bowling {
    background-image: url(../assets/projects/rana-sfoglia/rana-bowling.webp);
}

.imgcase-rana-ricamo {
    background-image: url(../assets/projects/rana-sfoglia/rana-ricamo.webp);
}

.imgcase-rana-country {
    background-image: url(../assets/projects/rana-sfoglia/rana-country.webp);
}

.imgcase-rana-pittura {
    background-image: url(../assets/projects/rana-sfoglia/rana-pittura.webp);
}

/* Lancia Masterpiece */
.imgcase-lancia-masterpiece {
    background-image: url(../assets/projects/lancia-masterpiece/lancia-masterpiece.webp);
}

/* Spoticar */
.imgcase-spoticar-viking {
    background-image: url(../assets/projects/spoticar/spoticar-viking.webp);
}

.imgcase-spoticar-tomb {
    background-image: url(../assets/projects/spoticar/spoticar-tomb.webp);
}

/* Lancia Mannequins */
/*
.imgcase-lancia-mannequins {
    background-image: url(../assets/projects/lancia-mannequins/lancia-mannequins.webp);
}
*/

/* Fiat New 500 */
.imgcase-fiat-500 {
    background-image: url(../assets/projects/fiat-new_500/fiat-500.webp);
}

/* Costa Wonder */
.imgcase-costa-teaser {
    background-image: url(../assets/projects/costa-wonder/costa-teaser.webp);
}

.imgcase-costa-sunset {
    background-image: url(../assets/projects/costa-wonder/costa-sunset.webp);
}

.imgcase-costa-stargazing {
    background-image: url(../assets/projects/costa-wonder/costa-stargazing.webp);
}

/* Subito Benvenuti */
.imgcase-subito-borgo {
    background-image: url(../assets/projects/subito-benvenuti/subito-borgo.webp);
}

.imgcase-subito-transparenza {
    background-image: url(../assets/projects/subito-benvenuti/subito-transparenza.webp);
}

.imgcase-subito-comodita {
    background-image: url(../assets/projects/subito-benvenuti/subito-comodita.webp);
}

/* Triumph */
.imgcase-triumph-copertina {
    background-image: url(../assets/projects/triumph/copertina.webp);
}

.imgcase-triumph23 {
    background-image: url(../assets/projects/triumph/case23.webp);
}

.imgcase-triumph24 {
    background-image: url(../assets/projects/triumph/case24.webp);
}

.imgcase-triumph25 {
    background-image: url(../assets/projects/triumph/case25.webp);
}

/* Costa Leo */
.imgcase-costa-leo {
    background-image: url(../assets/projects/costa-leo/costa-leo.webp);
}

/* Maserati */
.imgcase-maserati {
    background-image: url(../assets/projects/maserati/maserati.webp);
}

/* Star Gran Ragù */
.imgcase-star-gran_ragu {
    background-image: url(../assets/projects/star-gran_ragu/star-gran_ragu.webp);
}

/* Lagostina */
.imgcase-lagostina-panna {
    background-image: url(../assets/projects/lagostina/lagostina-panna.webp);
}

.imgcase-lagostina-trasloco {
    background-image: url(../assets/projects/lagostina/lagostina-trasloco.webp);
}

.imgcase-lagostina-suocera {
    background-image: url(../assets/projects/lagostina/lagostina-suocera.webp);
}

/* Rana Giro */
.imgcase-rana-giro-copertina {
    background-image: url(../assets/projects/rana-giro/copertina.webp);
}

.imgcase-rana-giro-case01 {
    background-image: url(../assets/projects/rana-giro/case01.webp);
}

.imgcase-rana-giro-case02 {
    background-image: url(../assets/projects/rana-giro/case02.webp);
}

.imgcase-rana-giro-case03 {
    background-image: url(../assets/projects/rana-giro/case03.webp);
}

.imgcase-rana-giro-case04 {
    background-image: url(../assets/projects/rana-giro/case04.webp);
}

.imgcase-rana-giro-case05 {
    background-image: url(../assets/projects/rana-giro/case05.webp);
}

.imgcase-rana-giro-case06 {
    background-image: url(../assets/projects/rana-giro/case06.webp);
}

.imgcase-rana-giro-case07 {
    background-image: url(../assets/projects/rana-giro/case07.webp);
}

.imgcase-rana-giro-case08 {
    background-image: url(../assets/projects/rana-giro/case08.webp);
}

.imgcase-rana-giro-case09 {
    background-image: url(../assets/projects/rana-giro/case09.webp);
}

.imgcase-rana-giro-case10 {
    background-image: url(../assets/projects/rana-giro/case10.webp);
}

.imgcase-rana-giro-case11 {
    background-image: url(../assets/projects/rana-giro/case11.webp);
}

.imgcase-rana-giro-case12 {
    background-image: url(../assets/projects/rana-giro/case12.webp);
}


/* Retina images */

@media ((min-width: 768px) and (min-resolution: 192dpi)),
(min-width: 1400px) {

    /* Tigullio Connoisseur */
    .imgcase-tigullio-connoisseur {
        background-image: url(../assets/projects/tigullio-connoisseur/tigullio-connoisseur@2x.webp);
    }

    /* Subito Motori */
    .imgcase-subito-motori {
        background-image: url(../assets/projects/subito-motori/subito-motori@2x.webp);
    }

    /* Saikebon Riso */
    .imgcase-saikebon-riso {
        background-image: url(../assets/projects/saikebon-riso/saikebon-riso@2x.webp);
    }

    /* Subito Flash Forward */
    .imgcase-subito-padel {
        background-image: url(../assets/projects/subito-flash_forward/subito-padel@2x.webp);
    }

    .imgcase-subito-occhiali {
        background-image: url(../assets/projects/subito-flash_forward/subito-occhiali@2x.webp);
    }

    /* Saikebon Sayonara */
    .imgcase-saikebon-sayonara {
        background-image: url(../assets/projects/saikebon-sayonara/saikebon-sayonara@2x.webp);
    }

    /* Rana Sfoglia */
    .imgcase-rana-bowling {
        background-image: url(../assets/projects/rana-sfoglia/rana-bowling@2x.webp);
    }

    .imgcase-rana-ricamo {
        background-image: url(../assets/projects/rana-sfoglia/rana-ricamo@2x.webp);
    }

    .imgcase-rana-country {
        background-image: url(../assets/projects/rana-sfoglia/rana-country@2x.webp);
    }

    .imgcase-rana-pittura {
        background-image: url(../assets/projects/rana-sfoglia/rana-pittura@2x.webp);
    }

    /* Lancia Masterpiece */
    .imgcase-lancia-masterpiece {
        background-image: url(../assets/projects/lancia-masterpiece/lancia-masterpiece@2x.webp);
    }

    /* Spoticar */
    .imgcase-spoticar-viking {
        background-image: url(../assets/projects/spoticar/spoticar-viking@2x.webp);
    }

    .imgcase-spoticar-tomb {
        background-image: url(../assets/projects/spoticar/spoticar-tomb@2x.webp);
    }

    /* Lancia Mannequins */
    /*
    .imgcase-lancia-mannequins {
        background-image: url(../assets/projects/lancia-mannequins/lancia-mannequins@2x.webp);
    }
    */

    /* Fiat New 500 */
    .imgcase-fiat-500 {
        background-image: url(../assets/projects/fiat-new_500/fiat-500@2x.webp);
    }

    /* Costa Wonder */
    .imgcase-costa-teaser {
        background-image: url(../assets/projects/costa-wonder/costa-teaser@2x.webp);
    }

    .imgcase-costa-sunset {
        background-image: url(../assets/projects/costa-wonder/costa-sunset@2x.webp);
    }

    .imgcase-costa-stargazing {
        background-image: url(../assets/projects/costa-wonder/costa-stargazing@2x.webp);
    }

    /* Subito Benvenuti */
    .imgcase-subito-borgo {
        background-image: url(../assets/projects/subito-benvenuti/subito-borgo@2x.webp);
    }

    .imgcase-subito-transparenza {
        background-image: url(../assets/projects/subito-benvenuti/subito-transparenza@2x.webp);
    }

    .imgcase-subito-comodita {
        background-image: url(../assets/projects/subito-benvenuti/subito-comodita@2x.webp);
    }

    /* Triumph */
    .imgcase-triumph-copertina {
        background-image: url(../assets/projects/triumph/copertina@2x.webp);
    }

    .imgcase-triumph23 {
        background-image: url(../assets/projects/triumph/case23@2x.webp);
    }

    .imgcase-triumph24 {
        background-image: url(../assets/projects/triumph/case24@2x.webp);
    }

    .imgcase-triumph25 {
        background-image: url(../assets/projects/triumph/case25@2x.webp);
    }

    /* Costa Leo */
    .imgcase-costa-leo {
        background-image: url(../assets/projects/costa-leo/costa-leo@2x.webp);
    }

    /* Maserati */
    .imgcase-maserati {
        background-image: url(../assets/projects/maserati/maserati@2x.webp);
    }

    /* Star Gran Ragù */
    .imgcase-star-gran_ragu {
        background-image: url(../assets/projects/star-gran_ragu/star-gran_ragu@2x.webp);
    }

    /* Rana Giro */
    .imgcase-rana-giro-copertina {
        background-image: url(../assets/projects/rana-giro/copertina@2x.webp);
    }
}