.elementor-4563 .elementor-element.elementor-element-fc6a73e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-4563 .elementor-element.elementor-element-fc6a73e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4563 .elementor-element.elementor-element-80c38da{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-4563 .elementor-element.elementor-element-80c38da.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4563 .elementor-element.elementor-element-7589638{text-align:center;}.elementor-4563 .elementor-element.elementor-element-7589638 .elementor-heading-title{color:var( --e-global-color-84c84aa );}.elementor-4563 .elementor-element.elementor-element-0c2a348{padding:0px 0px 30px 0px;text-align:center;}.elementor-4563 .elementor-element.elementor-element-0c2a348 .elementor-heading-title{color:var( --e-global-color-c03c2cd );}.elementor-4563 .elementor-element.elementor-element-97ac894{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -40px) 0px;padding:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;color:var( --e-global-color-dbcc5c9 );}.elementor-4563 .elementor-element.elementor-element-97ac894 p{margin-block-end:19px;}.elementor-4563 .elementor-element.elementor-element-97ac894 a:hover, .elementor-4563 .elementor-element.elementor-element-97ac894 a:focus{color:var( --e-global-color-c03c2cd );}.elementor-4563 .elementor-element.elementor-element-f48d672{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:9px 0px 0px 0px;}.elementor-4563 .elementor-element.elementor-element-a580750{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4563 .elementor-element.elementor-element-c4a8ff8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4563 .elementor-element.elementor-element-9f2ac4f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4563 .elementor-element.elementor-element-6bba360{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4563 .elementor-element.elementor-element-6bba360.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4563 .elementor-element.elementor-element-e657809{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4563 .elementor-element.elementor-element-c22521d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4563 .elementor-element.elementor-element-9ec1af3{--display:flex;}.elementor-4563 .elementor-element.elementor-element-3a112cb{--display:flex;}.elementor-4563 .elementor-element.elementor-element-f46be46{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4563 .elementor-element.elementor-element-496c9de{--display:flex;}.elementor-4563 .elementor-element.elementor-element-56d8f5d{--display:flex;}.elementor-4563 .elementor-element.elementor-element-45a6ad6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4563 .elementor-element.elementor-element-f63dae3{--display:flex;}.elementor-4563 .elementor-element.elementor-element-14b5907{--display:flex;}.elementor-4563 .elementor-element.elementor-element-d226f00{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4563 .elementor-element.elementor-element-e204b7e{--display:flex;}.elementor-4563 .elementor-element.elementor-element-5c91f92{--display:flex;}.elementor-4563 .elementor-element.elementor-element-c5b0940{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4563 .elementor-element.elementor-element-253edfe{--display:flex;}.elementor-4563 .elementor-element.elementor-element-3c6f888{--display:flex;}#elementor-popup-modal-4563 .dialog-widget-content{animation-duration:0.3s;border-radius:2px 2px 2px 2px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-4563{background-color:#000000AD;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-4563 .dialog-message{width:830px;height:803px;align-items:flex-start;}#elementor-popup-modal-4563 .dialog-close-button{display:flex;}@media(min-width:768px){.elementor-4563 .elementor-element.elementor-element-fc6a73e{--width:100%;}.elementor-4563 .elementor-element.elementor-element-80c38da{--width:100%;}.elementor-4563 .elementor-element.elementor-element-c4a8ff8{--content-width:563px;}.elementor-4563 .elementor-element.elementor-element-9f2ac4f{--width:74%;}.elementor-4563 .elementor-element.elementor-element-6bba360{--width:52.216%;}.elementor-4563 .elementor-element.elementor-element-c5b0940{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-b2c105f *//* =========================================================
   TITRE RÉSULTAT / EXPÉRIENCE COMPLÈTE
   Classe widget titre :
   ATB-résultat
   ========================================================= */

.atb-portfolio-popup .ATB-résultat {
    position: relative;

    margin-top: 42px !important;
    margin-bottom: 30px !important;

    padding-top: 24px !important;
}


/* petit label au-dessus */

.atb-portfolio-popup .ATB-résultat::before {
    content: "FINAL EXPERIENCE";

    position: absolute;

    top: 0;
    left: 0;

    font-family: "Montserrat", sans-serif;

    font-size: 9px;
    font-weight: 600;

    line-height: 1;

    letter-spacing: .24em;

    text-transform: uppercase;

    color: #9d83ad;
}


/* petit trait */

.atb-portfolio-popup .ATB-résultat::after {
    content: "";

    position: absolute;

    top: 5px;
    left: 155px;

    width: 85px;
    height: 1px;

    background: rgba(70, 19, 107, .24);
}


/* vrai titre */

.atb-portfolio-popup
.ATB-résultat
.elementor-heading-title {

    margin: 0 !important;

    font-family: "Fraunces", serif !important;

    font-size: 54px !important;
    font-weight: 400 !important;

    line-height: .94 !important;

    letter-spacing: -.05em !important;

    color: #46136b !important;
}


/* responsive */

@media (max-width: 860px) {

    .atb-portfolio-popup
    .ATB-résultat
    .elementor-heading-title {

        font-size: 50px !important;
    }

}


@media (max-width: 600px) {

    .atb-portfolio-popup
    .ATB-résultat
    .elementor-heading-title {

        font-size: 42px !important;
    }

    .atb-portfolio-popup
    .ATB-résultat::after {

        display: none;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc6a73e *//* =========================================================
   SCAVO — PORTFOLIO POPUP
   WORDPRESS / ELEMENTOR
   Format cible : 830px x 783px

   Classes :
   atb-portfolio-popup-scavo
   atb-tags-scavo
   ATB-avant-savo
   ATB-photos-avant-scavo
   ATB-Moodboard-titre-scavo
   ATB-moodboard-scavo
   ATB-résultat-titre-sacvo
   atb-scavo-photos
   ========================================================= */


/* =========================================================
   01 — PALETTE SCAVO
   ========================================================= */

:root {

    /* fond */
    --scavo-cream: #fffdf5;
    --scavo-cream-soft: #fff9df;

    /* jaune du branding */
    --scavo-yellow: #f2f7a6;
    --scavo-yellow-soft: #f8fac9;

    /* orange */
    --scavo-orange: #eb6410;
    --scavo-orange-dark: #cf4f08;

    /* bordeaux */
    --scavo-wine: #5b0810;
    --scavo-wine-soft: #76141b;

    /* texte */
    --scavo-black: #271b18;
    --scavo-text: #5f514b;

    /* bordures */
    --scavo-border: rgba(91, 8, 16, .12);

}


/* =========================================================
   02 — POPUP ELEMENTOR
   ========================================================= */

.elementor-popup-modal:has(.atb-portfolio-popup-scavo)
.dialog-widget-content {

    width: 830px !important;
    max-width: calc(100vw - 30px) !important;

    height: 783px !important;
    max-height: calc(100vh - 30px) !important;

    background: var(--scavo-cream) !important;

    border:
        1px solid rgba(91, 8, 16, .08) !important;

    border-radius: 4px !important;

    box-shadow:
        0 40px 110px rgba(61, 22, 8, .24),
        0 8px 28px rgba(61, 22, 8, .08) !important;

    overflow: hidden !important;
}


/* =========================================================
   03 — ZONE DE SCROLL
   ========================================================= */

.elementor-popup-modal:has(.atb-portfolio-popup-scavo)
.dialog-message {

    width: 100% !important;

    height: 783px !important;
    max-height: calc(100vh - 30px) !important;

    padding: 0 !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    background:

        radial-gradient(
            circle at 92% 8%,
            rgba(242, 247, 166, .30),
            transparent 27%
        ),

        radial-gradient(
            circle at 3% 62%,
            rgba(235, 100, 16, .035),
            transparent 25%
        ),

        var(--scavo-cream);
}


/* =========================================================
   04 — SCROLLBAR
   ========================================================= */

.elementor-popup-modal:has(.atb-portfolio-popup-scavo)
.dialog-message::-webkit-scrollbar {

    width: 5px;
}


.elementor-popup-modal:has(.atb-portfolio-popup-scavo)
.dialog-message::-webkit-scrollbar-track {

    background: transparent;
}


.elementor-popup-modal:has(.atb-portfolio-popup-scavo)
.dialog-message::-webkit-scrollbar-thumb {

    background: rgba(235, 100, 16, .42);

    border-radius: 999px;
}


.elementor-popup-modal:has(.atb-portfolio-popup-scavo)
.dialog-message {

    scrollbar-width: thin;

    scrollbar-color:
        rgba(235,100,16,.42)
        transparent;
}


/* =========================================================
   05 — BOUTON FERMER
   ========================================================= */

.elementor-popup-modal:has(.atb-portfolio-popup-scavo)
.dialog-close-button {

    position: absolute !important;

    top: 18px !important;
    right: 18px !important;

    width: 38px !important;
    height: 38px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;

    background:
        rgba(255, 253, 245, .88) !important;

    border:
        1px solid rgba(91, 8, 16, .11);

    border-radius: 50%;

    color: var(--scavo-wine) !important;

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

    opacity: 1 !important;

    transition:
        background .25s ease,
        color .25s ease,
        transform .3s ease;

    z-index: 99999 !important;
}


.elementor-popup-modal:has(.atb-portfolio-popup-scavo)
.dialog-close-button:hover {

    background:
        var(--scavo-orange) !important;

    color: #fff !important;

    transform: rotate(90deg);
}


/* =========================================================
   06 — CONTENEUR PRINCIPAL

   Classe :
   atb-portfolio-popup-scavo
   ========================================================= */

.atb-portfolio-popup-scavo {

    width: 100% !important;
    max-width: none !important;

    padding-left: 42px !important;
    padding-right: 42px !important;

    box-sizing: border-box;
}


.atb-portfolio-popup-scavo.e-con,
.atb-portfolio-popup-scavo > .e-con-inner {

    width: 100% !important;
    max-width: none !important;
}


/* =========================================================
   07 — RESET ELEMENTOR
   ========================================================= */

.atb-portfolio-popup-scavo .e-con {

    min-height: 0;
}


.atb-portfolio-popup-scavo
.elementor-widget-image {

    margin-bottom: 0;
}


.atb-portfolio-popup-scavo img {

    max-width: 100%;
}


/* =========================================================
   08 — TYPOGRAPHIE
   ========================================================= */

/*
   Je conserve la même architecture que ton portfolio :
   FRAUNCES = titres
   MONTSERRAT = texte
*/

.atb-portfolio-popup-scavo h1,
.atb-portfolio-popup-scavo h2,
.atb-portfolio-popup-scavo h3,
.atb-portfolio-popup-scavo h4,
.atb-portfolio-popup-scavo h5,
.atb-portfolio-popup-scavo h6,
.atb-portfolio-popup-scavo
.elementor-heading-title {

    font-family:
        "Fraunces",
        serif !important;

    font-weight: 400;

    color: var(--scavo-wine);
}


.atb-portfolio-popup-scavo p,
.atb-portfolio-popup-scavo a,
.atb-portfolio-popup-scavo li {

    font-family:
        "Montserrat",
        sans-serif;
}


/* =========================================================
   09 — TITRE PRINCIPAL
   ARCHIVE 002 — SCAVO
   ========================================================= */

.atb-portfolio-popup-scavo h1 {

    margin: 0;

    font-size: 52px !important;

    font-weight: 400 !important;

    line-height: .94 !important;

    letter-spacing: -.045em !important;

    color:
        var(--scavo-wine) !important;

    text-wrap: balance;
}


/* petite touche orange possible sur <em> */

.atb-portfolio-popup-scavo h1 em {

    color: var(--scavo-orange);

    font-style: italic;
}


/* =========================================================
   10 — SOUS-TITRE
   ========================================================= */

.atb-portfolio-popup-scavo h2 {

    font-size: 33px;

    line-height: 1.05;

    letter-spacing: -.035em;

    color: var(--scavo-wine);
}


/* =========================================================
   11 — DESCRIPTION
   ========================================================= */

.atb-portfolio-popup-scavo
.elementor-widget-text-editor {

    width: 100%;
    max-width: 100% !important;

    margin-bottom: 0 !important;
}


.atb-portfolio-popup-scavo
.elementor-widget-text-editor p {

    margin-top: 0;

    margin-bottom: .65em;

    font-size: 14px !important;

    font-weight: 400;

    line-height: 1.72 !important;

    color: var(--scavo-text);
}


.atb-portfolio-popup-scavo
.elementor-widget-text-editor
p:last-child {

    margin-bottom: 0 !important;
}


/* =========================================================
   12 — LIENS
   ========================================================= */

.atb-portfolio-popup-scavo a {

    color: var(--scavo-orange);

    text-decoration: none;

    transition:
        color .25s ease;
}


.atb-portfolio-popup-scavo a:hover {

    color: var(--scavo-wine);
}


/* =========================================================
   13 — TAGS

   Classe :
   atb-tags-scavo

   C'est UN SEUL TEXTE, pas des capsules.
   ========================================================= */

.atb-portfolio-popup-scavo
.atb-tags-scavo {

    width: 100%;

    margin-top: 14px !important;
    margin-bottom: 46px !important;

    padding-top: 13px !important;
    padding-bottom: 13px !important;

    border-top:
        1px solid rgba(235, 100, 16, .24);

    border-bottom:
        1px solid rgba(235, 100, 16, .24);
}


.atb-portfolio-popup-scavo
.atb-tags-scavo::before {

    display: none !important;

    content: none !important;
}


.atb-portfolio-popup-scavo
.atb-tags-scavo p {

    margin: 0 !important;
    padding: 0 !important;

    font-family:
        "Montserrat",
        sans-serif !important;

    font-size: 9px !important;

    font-weight: 600 !important;

    line-height: 1.5 !important;

    letter-spacing: .17em !important;

    text-transform: uppercase;

    /*
       Bordeaux au lieu d'orange :
       meilleure lisibilité.
    */

    color:
        var(--scavo-wine) !important;
}


/* =========================================================
   14 — TITRE "AVANT"

   Classe exacte fournie :
   ATB-avant-savo
   ========================================================= */

.atb-portfolio-popup-scavo
.ATB-avant-savo {

    position: relative;

    margin-top: 30px !important;
    margin-bottom: 27px !important;

    padding-top: 24px !important;
}


/* micro-label */

.atb-portfolio-popup-scavo
.ATB-avant-savo::before {

    content: "ARCHIVE — BEFORE";

    position: absolute;

    top: 0;
    left: 0;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 9px;

    font-weight: 600;

    line-height: 1;

    letter-spacing: .24em;

    text-transform: uppercase;

    color: var(--scavo-orange);
}


/* trait orange */

.atb-portfolio-popup-scavo
.ATB-avant-savo::after {

    content: "";

    position: absolute;

    top: 5px;
    left: 174px;

    width: 85px;
    height: 1px;

    background:
        rgba(235, 100, 16, .55);
}


/* titre */

.atb-portfolio-popup-scavo
.ATB-avant-savo
.elementor-heading-title {

    margin: 0 !important;

    font-family:
        "Fraunces",
        serif !important;

    font-size: 54px !important;

    font-weight: 400 !important;

    line-height: .94 !important;

    letter-spacing: -.05em !important;

    color:
        var(--scavo-wine) !important;
}


/* =========================================================
   15 — PHOTOS AVANT

   Classe :
   ATB-photos-avant-scavo
   ========================================================= */

.atb-portfolio-popup-scavo
.ATB-photos-avant-scavo {

    width: 100% !important;
    max-width: none !important;

    min-height: 0 !important;

    margin-top: 0 !important;
    margin-bottom: 68px !important;

    padding: 0 !important;
}


.atb-portfolio-popup-scavo
.ATB-photos-avant-scavo .e-con {

    min-height: 0 !important;
}


/* IMAGES */

.atb-portfolio-popup-scavo
.ATB-photos-avant-scavo
.elementor-widget-image img {

    display: block;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    object-fit: contain !important;

    border-radius: 2px;

    transition:
        transform .65s
        cubic-bezier(.2,.7,.2,1);
}


.atb-portfolio-popup-scavo
.ATB-photos-avant-scavo
.elementor-widget-image:hover img {

    transform: scale(1.012);
}


/* =========================================================
   16 — TITRE MOOD & BRAND BOARD

   Classe :
   ATB-Moodboard-titre-scavo
   ========================================================= */

.atb-portfolio-popup-scavo
.ATB-Moodboard-titre-scavo {

    position: relative;

    margin-top: 38px !important;
    margin-bottom: 27px !important;

    padding-top: 24px !important;
}


/* petit label */

.atb-portfolio-popup-scavo
.ATB-Moodboard-titre-scavo::before {

    content: "VISUAL DIRECTION";

    position: absolute;

    top: 0;
    left: 0;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 9px;

    font-weight: 600;

    line-height: 1;

    letter-spacing: .24em;

    text-transform: uppercase;

    color:
        var(--scavo-orange);
}


/* ligne */

.atb-portfolio-popup-scavo
.ATB-Moodboard-titre-scavo::after {

    content: "";

    position: absolute;

    top: 5px;
    left: 153px;

    width: 85px;
    height: 1px;

    background:
        rgba(235, 100, 16, .55);
}


/* TITRE */

.atb-portfolio-popup-scavo
.ATB-Moodboard-titre-scavo
.elementor-heading-title {

    margin: 0 !important;

    font-family:
        "Fraunces",
        serif !important;

    font-size: 54px !important;

    font-weight: 400 !important;

    line-height: .94 !important;

    letter-spacing: -.05em !important;

    color:
        var(--scavo-wine) !important;
}


/* =========================================================
   17 — MOODBOARD

   Classe :
   ATB-moodboard-scavo
   ========================================================= */

.atb-portfolio-popup-scavo
.ATB-moodboard-scavo {

    position: relative;

    width: 100% !important;
    max-width: none !important;

    min-height: 0 !important;

    margin-top: 0 !important;
    margin-bottom: 68px !important;

    padding: 16px !important;

    overflow: hidden;

    /*
       Jaune très léger.
       On évite le gros bloc orange derrière les images.
    */

    background:

        radial-gradient(
            circle at 12% 12%,
            rgba(242, 247, 166, .70),
            transparent 38%
        ),

        linear-gradient(
            145deg,
            #fffdf5 0%,
            #fff9e8 100%
        );

    border:
        1px solid rgba(235, 100, 16, .10);

    box-sizing: border-box;
}


/* Reset ancien CSS éventuel */

.atb-portfolio-popup-scavo
.ATB-moodboard-scavo > * {

    grid-column: auto !important;
    grid-row: auto !important;

    min-height: 0 !important;
}


.atb-portfolio-popup-scavo
.ATB-moodboard-scavo .e-con {

    min-height: 0 !important;
}


/* Images */

.atb-portfolio-popup-scavo
.ATB-moodboard-scavo
.elementor-widget-image img {

    display: block;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    object-fit: contain !important;

    border-radius: 2px;

    transition:
        transform .7s
        cubic-bezier(.2,.7,.2,1);
}


.atb-portfolio-popup-scavo
.ATB-moodboard-scavo
.elementor-widget-image:hover img {

    transform: scale(1.012);
}


/* =========================================================
   18 — TITRE RÉSULTAT

   Classe exacte fournie :
   ATB-résultat-titre-sacvo

   (je conserve "sacvo" exactement comme tu l'as écrit)
   ========================================================= */

.atb-portfolio-popup-scavo
.ATB-résultat-titre-sacvo {

    position: relative;

    margin-top: 40px !important;
    margin-bottom: 27px !important;

    padding-top: 24px !important;
}


/* label */

.atb-portfolio-popup-scavo
.ATB-résultat-titre-sacvo::before {

    content: "FINAL IDENTITY";

    position: absolute;

    top: 0;
    left: 0;

    font-family:
        "Montserrat",
        sans-serif;

    font-size: 9px;

    font-weight: 600;

    line-height: 1;

    letter-spacing: .24em;

    text-transform: uppercase;

    color:
        var(--scavo-orange);
}


/* ligne */

.atb-portfolio-popup-scavo
.ATB-résultat-titre-sacvo::after {

    content: "";

    position: absolute;

    top: 5px;
    left: 137px;

    width: 85px;
    height: 1px;

    background:
        rgba(235, 100, 16, .55);
}


/* TITRE */

.atb-portfolio-popup-scavo
.ATB-résultat-titre-sacvo
.elementor-heading-title {

    margin: 0 !important;

    font-family:
        "Fraunces",
        serif !important;

    font-size: 54px !important;

    font-weight: 400 !important;

    line-height: .94 !important;

    letter-spacing: -.05em !important;

    color:
        var(--scavo-wine) !important;
}


/* =========================================================
   19 — PHOTOS DU RÉSULTAT

   Classe :
   atb-scavo-photos
   ========================================================= */

.atb-portfolio-popup-scavo
.atb-scavo-photos {

    position: relative;

    width: 100% !important;
    max-width: none !important;

    min-height: 0 !important;

    margin-top: 0 !important;
    margin-bottom: 70px !important;

    padding: 0 !important;

    box-sizing: border-box;
}


/* Reset structure */

.atb-portfolio-popup-scavo
.atb-scavo-photos > * {

    grid-column: auto !important;
    grid-row: auto !important;

    min-height: 0 !important;
}


.atb-portfolio-popup-scavo
.atb-scavo-photos .e-con {

    min-height: 0 !important;
}


/* Images */

.atb-portfolio-popup-scavo
.atb-scavo-photos
.elementor-widget-image {

    width: 100%;
}


.atb-portfolio-popup-scavo
.atb-scavo-photos
.elementor-widget-image img {

    display: block;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    object-fit: contain !important;

    border-radius: 2px;

    transition:
        transform .7s
        cubic-bezier(.2,.7,.2,1);
}


.atb-portfolio-popup-scavo
.atb-scavo-photos
.elementor-widget-image:hover img {

    transform: scale(1.012);
}


/* =========================================================
   20 — PETIT DÉTAIL ÉDITORIAL
   Trait orange sur certaines sections
   ========================================================= */

.atb-portfolio-popup-scavo
.ATB-moodboard-scavo::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 55px;
    height: 3px;

    background:
        var(--scavo-orange);

    z-index: 2;
}


/* =========================================================
   21 — ESPACEMENTS ELEMENTOR
   ========================================================= */

.atb-portfolio-popup-scavo
.elementor-widget-heading {

    margin-bottom: 0;
}


.atb-portfolio-popup-scavo
.elementor-widget-text-editor {

    margin-bottom: 0 !important;
}


/* =========================================================
   22 — TABLETTE
   ========================================================= */

@media (max-width: 860px) {

    .elementor-popup-modal:has(.atb-portfolio-popup-scavo)
    .dialog-widget-content {

        width: calc(100vw - 24px) !important;

        height: calc(100vh - 24px) !important;

        max-height:
            calc(100vh - 24px) !important;
    }


    .elementor-popup-modal:has(.atb-portfolio-popup-scavo)
    .dialog-message {

        height:
            calc(100vh - 24px) !important;

        max-height:
            calc(100vh - 24px) !important;
    }


    .atb-portfolio-popup-scavo {

        padding-left: 30px !important;
        padding-right: 30px !important;
    }


    .atb-portfolio-popup-scavo h1 {

        font-size: 48px !important;
    }


    .atb-portfolio-popup-scavo
    .ATB-avant-savo
    .elementor-heading-title,

    .atb-portfolio-popup-scavo
    .ATB-Moodboard-titre-scavo
    .elementor-heading-title,

    .atb-portfolio-popup-scavo
    .ATB-résultat-titre-sacvo
    .elementor-heading-title {

        font-size: 50px !important;
    }

}


/* =========================================================
   23 — MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .elementor-popup-modal:has(.atb-portfolio-popup-scavo)
    .dialog-widget-content {

        width: 100vw !important;
        max-width: 100vw !important;

        height: 100dvh !important;
        max-height: 100dvh !important;

        border-radius: 0 !important;
    }


    .elementor-popup-modal:has(.atb-portfolio-popup-scavo)
    .dialog-message {

        height: 100dvh !important;
        max-height: 100dvh !important;
    }


    .atb-portfolio-popup-scavo {

        padding-left: 18px !important;
        padding-right: 18px !important;
    }


    /* fermer */

    .elementor-popup-modal:has(.atb-portfolio-popup-scavo)
    .dialog-close-button {

        top: 14px !important;
        right: 14px !important;

        width: 38px !important;
        height: 38px !important;
    }


    /* titre principal */

    .atb-portfolio-popup-scavo h1 {

        font-size: 39px !important;

        line-height: .96 !important;
    }


    .atb-portfolio-popup-scavo h2 {

        font-size: 28px;
    }


    /* description */

    .atb-portfolio-popup-scavo
    .elementor-widget-text-editor p {

        font-size: 13px !important;

        line-height: 1.68 !important;
    }


    /* tags */

    .atb-portfolio-popup-scavo
    .atb-tags-scavo {

        margin-top: 12px !important;
        margin-bottom: 40px !important;

        padding-top: 11px !important;
        padding-bottom: 11px !important;
    }


    .atb-portfolio-popup-scavo
    .atb-tags-scavo p {

        font-size: 8px !important;

        letter-spacing: .12em !important;
    }


    /* titres sections */

    .atb-portfolio-popup-scavo
    .ATB-avant-savo
    .elementor-heading-title,

    .atb-portfolio-popup-scavo
    .ATB-Moodboard-titre-scavo
    .elementor-heading-title,

    .atb-portfolio-popup-scavo
    .ATB-résultat-titre-sacvo
    .elementor-heading-title {

        font-size: 42px !important;
    }


    /* retire les traits sur petit écran */

    .atb-portfolio-popup-scavo
    .ATB-avant-savo::after,

    .atb-portfolio-popup-scavo
    .ATB-Moodboard-titre-scavo::after,

    .atb-portfolio-popup-scavo
    .ATB-résultat-titre-sacvo::after {

        display: none;
    }


    /* espaces sections */

    .atb-portfolio-popup-scavo
    .ATB-photos-avant-scavo,

    .atb-portfolio-popup-scavo
    .ATB-moodboard-scavo,

    .atb-portfolio-popup-scavo
    .atb-scavo-photos {

        margin-bottom: 52px !important;
    }


    .atb-portfolio-popup-scavo
    .ATB-moodboard-scavo {

        padding: 10px !important;
    }

}


/* =========================================================
   24 — PETITS MOBILES
   ========================================================= */

@media (max-width: 400px) {

    .atb-portfolio-popup-scavo {

        padding-left: 14px !important;
        padding-right: 14px !important;
    }


    .atb-portfolio-popup-scavo h1 {

        font-size: 35px !important;
    }


    .atb-portfolio-popup-scavo
    .ATB-avant-savo
    .elementor-heading-title,

    .atb-portfolio-popup-scavo
    .ATB-Moodboard-titre-scavo
    .elementor-heading-title,

    .atb-portfolio-popup-scavo
    .ATB-résultat-titre-sacvo
    .elementor-heading-title {

        font-size: 38px !important;
    }

}


/* =========================================================
   25 — ACCESSIBILITÉ
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .atb-portfolio-popup-scavo * {

        transition-duration:
            .01ms !important;
    }

}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   SCAVO — ANIMATION POPUP
   Même principe que Clothes Over Bro's
   Adaptée à : atb-portfolio-popup-scavo
   ========================================================= */


/* ---------------------------------------------------------
   ÉTAT INITIAL
   --------------------------------------------------------- */

.elementor-popup-modal:has(.atb-portfolio-popup-scavo)
.dialog-widget-content {

    transform-origin: 50% 100%;

    animation:
        scavo-folder-open
        0.82s
        cubic-bezier(.22,.78,.22,1)
        both;

    will-change:
        transform,
        opacity,
        clip-path;
}


/* ---------------------------------------------------------
   OUVERTURE
   Effet dossier / feuille qui se déplie
   --------------------------------------------------------- */

@keyframes scavo-folder-open {

    0% {
        opacity: 0;

        transform:
            perspective(1400px)
            translateY(22px)
            rotateX(-7deg)
            scale(.975);

        clip-path:
            inset(88% 2% 0 2% round 4px);
    }


    30% {
        opacity: 1;

        transform:
            perspective(1400px)
            translateY(10px)
            rotateX(-3deg)
            scale(.985);

        clip-path:
            inset(44% 1% 0 1% round 4px);
    }


    68% {
        transform:
            perspective(1400px)
            translateY(-2px)
            rotateX(.7deg)
            scale(1.002);

        clip-path:
            inset(0 0 0 0 round 4px);
    }


    100% {
        opacity: 1;

        transform:
            perspective(1400px)
            translateY(0)
            rotateX(0deg)
            scale(1);

        clip-path:
            inset(0 0 0 0 round 4px);
    }
}


/* =========================================================
   CONTENU
   Arrive légèrement après l'ouverture du "dossier"
   ========================================================= */

.elementor-popup-modal:has(.atb-portfolio-popup-scavo)
.dialog-message {

    animation:
        scavo-content-reveal
        .72s
        cubic-bezier(.22,.75,.25,1)
        .10s
        both;
}


@keyframes scavo-content-reveal {

    0% {
        opacity: 0;
        transform: translateY(12px);
    }


    45% {
        opacity: .45;
    }


    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


/* =========================================================
   FOND / OVERLAY
   Apparition douce
   ========================================================= */

.elementor-popup-modal:has(.atb-portfolio-popup-scavo) {

    animation:
        scavo-overlay-in
        .45s
        ease-out
        both;
}


@keyframes scavo-overlay-in {

    from {
        background-color:
            rgba(36, 18, 8, 0);
    }

    to {
        background-color:
            rgba(36, 18, 8, .72);
    }
}


/* =========================================================
   PETIT DÉTAIL SCAVO
   reflet jaune/orange très discret pendant l'ouverture
   ========================================================= */

.elementor-popup-modal:has(.atb-portfolio-popup-scavo)
.dialog-widget-content::before {

    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    z-index: 2;

    background:
        linear-gradient(
            115deg,
            transparent 15%,
            rgba(242, 247, 166, .14) 42%,
            rgba(235, 100, 16, .045) 52%,
            transparent 70%
        );

    transform: translateX(-115%);

    animation:
        scavo-light-pass
        1.05s
        cubic-bezier(.22,.75,.25,1)
        .12s
        both;
}


@keyframes scavo-light-pass {

    0% {
        opacity: 0;
        transform: translateX(-115%);
    }

    25% {
        opacity: .65;
    }

    70% {
        opacity: .25;
    }

    100% {
        opacity: 0;
        transform: translateX(115%);
    }
}


/* =========================================================
   ACCESSIBILITÉ
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-popup-modal:has(.atb-portfolio-popup-scavo),
    .elementor-popup-modal:has(.atb-portfolio-popup-scavo)
    .dialog-widget-content,
    .elementor-popup-modal:has(.atb-portfolio-popup-scavo)
    .dialog-message,
    .elementor-popup-modal:has(.atb-portfolio-popup-scavo)
    .dialog-widget-content::before {

        animation: none !important;

        transform: none !important;

        clip-path: none !important;

        opacity: 1 !important;
    }
}/* End custom CSS */