.elementor-2524 .elementor-element.elementor-element-6414f45d{--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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2524 .elementor-element.elementor-element-25b9fba{text-align:center;}.elementor-2524 .elementor-element.elementor-element-25b9fba .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:var( --e-global-color-primary );stroke:var( --e-global-color-primary );color:var( --e-global-color-0912755 );}.elementor-2524 .elementor-element.elementor-element-25b9fba .elementor-heading-title a:hover, .elementor-2524 .elementor-element.elementor-element-25b9fba .elementor-heading-title a:focus{color:var( --e-global-color-0912755 );}.elementor-2524 .elementor-element.elementor-element-25b9fba .elementor-heading-title a{transition-duration:0.5s;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-2524 .elementor-element.elementor-element-73d79dd0 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.48);border-style:none;border-radius:15px 15px 15px 15px;}.elementor-2524 .elementor-element.elementor-element-73d79dd0 .elementor-button:hover, .elementor-2524 .elementor-element.elementor-element-73d79dd0 .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-secondary );}.elementor-2524 .elementor-element.elementor-element-73d79dd0 .elementor-button:hover svg, .elementor-2524 .elementor-element.elementor-element-73d79dd0 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-2524 .elementor-element.elementor-element-7b131ea8{--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;--justify-content:center;}.elementor-2524 .elementor-element.elementor-element-5249a734 .elementor-button{background-color:var( --e-global-color-primary );box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.48);border-style:none;border-radius:15px 15px 15px 15px;}.elementor-2524 .elementor-element.elementor-element-5249a734 .elementor-button:hover, .elementor-2524 .elementor-element.elementor-element-5249a734 .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-secondary );}.elementor-2524 .elementor-element.elementor-element-5249a734 .elementor-button:hover svg, .elementor-2524 .elementor-element.elementor-element-5249a734 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-2524 .elementor-element.elementor-element-67baf28d .elementor-button{background-color:var( --e-global-color-primary );box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.48);border-style:none;border-radius:15px 15px 15px 15px;}.elementor-2524 .elementor-element.elementor-element-67baf28d .elementor-button:hover, .elementor-2524 .elementor-element.elementor-element-67baf28d .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-secondary );}.elementor-2524 .elementor-element.elementor-element-67baf28d .elementor-button:hover svg, .elementor-2524 .elementor-element.elementor-element-67baf28d .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-2524 .elementor-element.elementor-element-65434018 .elementor-button{background-color:var( --e-global-color-primary );box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.48);border-style:none;border-radius:15px 15px 15px 15px;}.elementor-2524 .elementor-element.elementor-element-65434018 .elementor-button:hover, .elementor-2524 .elementor-element.elementor-element-65434018 .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-secondary );}.elementor-2524 .elementor-element.elementor-element-65434018 .elementor-button:hover svg, .elementor-2524 .elementor-element.elementor-element-65434018 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}#elementor-popup-modal-2524 .dialog-widget-content{animation-duration:1.2s;background-color:transparent;background-image:radial-gradient(at center center, var( --e-global-color-primary ) 50%, var( --e-global-color-text ) 75%);border-radius:5px 5px 5px 5px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-2524{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-2524 .dialog-message{width:1000px;height:auto;}#elementor-popup-modal-2524 .dialog-close-button{display:flex;}#elementor-popup-modal-2524 .dialog-close-button i{color:var( --e-global-color-0912755 );}#elementor-popup-modal-2524 .dialog-close-button svg{fill:var( --e-global-color-0912755 );}#elementor-popup-modal-2524 .dialog-close-button:hover i{color:var( --e-global-color-secondary );}@media(max-width:1366px){.elementor-2524 .elementor-element.elementor-element-25b9fba .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:1024px){.elementor-2524 .elementor-element.elementor-element-25b9fba .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}#elementor-popup-modal-2524 .dialog-message{width:760px;}}@media(max-width:767px){.elementor-2524 .elementor-element.elementor-element-25b9fba .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}#elementor-popup-modal-2524 .dialog-message{width:320px;}}/* Start custom CSS *//* Container principal */
.project-preview-container {
    width: 100%;
    display: flex;
    justify-content: center;

}

/* Wrapper de l'iframe avec effet device */
.iframe-wrapper {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    overflow: hidden;
    transition: all 0.3s ease;
    margin: 0 auto;
}

/* Vue Desktop */
.iframe-wrapper.desktop-view {
    width: 100% !important;
    max-width: 1200px !important;
    height: 700px !important;
}

/* Vue Tablet */
.iframe-wrapper.tablet-view {
    width: 768px !important;
    max-width: 95% !important;
    height: 600px !important;
}

/* Vue Mobile */
.iframe-wrapper.mobile-view {
    width: 375px !important;
    max-width: 95% !important;
    height: 667px !important;
    border-radius: 20px;
    border: 12px solid #333;
}

/* L'iframe elle-même */
.project-iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* Style des boutons actifs */
.device-btn {
    transition: all 0.3s ease;
}

.device-btn.active {
    color: white !important;
}

/* Responsive pour la popup */
@media (max-width: 768px) {
    .iframe-wrapper.desktop-view,
    .iframe-wrapper.tablet-view {
        width: 100%;
        height: 500px;
    }
    
    /* Effet reflet sur les bordures */
.iframe-wrapper::after {
    content: '';
    position: absolute;
    top: -2px;
    left: 10%;
    right: 10%;
    height: 40%;
    background: linear-gradient(180deg, rgba(255,255,255,0.15) 0%, transparent 100%);
    pointer-events: none;
    border-radius: 8px 8px 0 0;
    z-index: 1;
}

.iframe-wrapper.tablet-view::after {
    border-radius: 30px 30px 0 0;
}

.iframe-wrapper.mobile-view::after {
    border-radius: 40px 40px 0 0;
    height: 30%;
}

/* Assure que l'iframe reste au-dessus */
.project-iframe {
    position: relative;
    z-index: 2;
}
}/* End custom CSS */