.elementor-kit-6{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#000000;--e-global-color-accent:#001D5F;--e-global-typography-primary-font-family:"sweet-sans-pro";--e-global-typography-primary-font-size:42px;--e-global-typography-primary-font-weight:800;--e-global-typography-primary-line-height:24px;--e-global-typography-secondary-font-family:"sweet-sans-pro";--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"sweet-sans-pro";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"sweet-sans-pro";--e-global-typography-accent-font-weight:800;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-letter-spacing:0.5px;--e-global-typography-1f93865-font-family:"sweet-sans-pro";--e-global-typography-1f93865-font-size:32px;--e-global-typography-1f93865-font-weight:300;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:60px;}.elementor-element{--widgets-spacing:60px 60px;--widgets-spacing-row:60px;--widgets-spacing-column:60px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:#000000;--lightbox-ui-color:var( --e-global-color-secondary );--lightbox-ui-color-hover:var( --e-global-color-secondary );--lightbox-header-icons-size:50px;--lightbox-navigation-icons-size:50px;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* 1. Masquer l'icône SVG native */
.elementor-lightbox .dialog-close-button svg.dialog-close-button-icon {
    display: none !important;
}

/* 2. Configurer votre icône (+150% de taille) */
.elementor-lightbox .dialog-close-button {
    background-image: url('https://francoispeyranne-rolex.com/wp-content/uploads/2026/04/close-icon2.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    
    /* Taille visuelle de la croix (60px) */
    background-size: 60px !important; 
    
    /* Zone de clic élargie (100px) */
    width: 100px !important;
    height: 100px !important;
    
    /* Positionnement pour éviter qu'elle ne soit collée au bord */
    top: 20px !important;
    right: 20px !important;
    
    display: flex !important;
    opacity: 0.8;
    transition: all 0.3s ease;
}

/* 3. Effet au survol */
.elementor-lightbox .dialog-close-button:hover {
    opacity: 1;
    transform: scale(1.1); /* Zoom léger au survol */
    
}

/* Force la visionneuse devant le menu */
.elementor-lightbox {
    z-index: 999999 !important;
}

/* On bloque le scroll de la page en arrière-plan */
.elementor-lightbox--open {
    overflow: hidden !important;
}

@media (max-width: 767px) {
    html, body {
        overflow-x: hidden !important;
        position: relative;
        width: 100%;
    }
}
.elementor-lightbox .e-eicon-frame-expand,
.elementor-lightbox .elementor-lightbox-item__expand {
    display: none !important;
}

/* 1. Masquer la croix native d'Elementor dans les Popups */
.elementor-popup-modal .dialog-close-button svg {
    display: none !important;
}

/* 2. Appliquer ton icône personnalisée */
.elementor-popup-modal .dialog-close-button {
    background-image: url('https://francoispeyranne-rolex.com/wp-content/uploads/2026/04/close-icon2.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    
    /* Taille de l'icône */
    background-size: 60px !important; 
    
    /* Zone de clic confortable */
    width: 100px !important;
    height: 100px !important;
    
    /* Positionnement */
    top: 20px !important;
    right: 20px !important;
    
    display: flex !important;
    opacity: 0.8;
    transition: all 0.3s ease-in-out;
}

/* 3. Effet au survol (opacité 0.8 et scale 1.1) */
.elementor-popup-modal .dialog-close-button:hover {
    opacity: 1;
    transform: scale(1.1) !important;
}

/* 4. Forcer la popup au premier plan si besoin */
.elementor-popup-modal {
    z-index: 999999 !important;
}/* End custom CSS */