.elementor-widget-container > .uael-party-propz-wrap i{color:var( --e-global-color-primary );}.elementor-widget-container > .uael-party-propz-wrap svg{fill:var( --e-global-color-primary );}.elementor-4780 .elementor-element.elementor-element-4b98b39{--display:flex;}.elementor-widget-text-editor .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-text-editor .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-video .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-video .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-4780 .elementor-element.elementor-element-9ebe76f .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-4780 .elementor-element.elementor-element-e519c62{--display:flex;}.elementor-widget-gallery .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-gallery .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-4780 .elementor-element.elementor-element-c573bb9 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-4780 .elementor-element.elementor-element-c573bb9 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:#A5148FDE;}.elementor-4780 .elementor-element.elementor-element-c573bb9{--image-transition-duration:800ms;--overlay-mix-blend-mode:saturation;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}/* Start custom CSS for gallery, class: .elementor-element-c573bb9 *//* ==============================================
   GALERIE RESPONSIVE (DESKTOP vs MOBILE)
   Sélecteur : .sdn-galerie
   ============================================== */

/* --- 1. BASE COMMUNE (Tous les écrans) --- */
.sdn-galerie .e-gallery-item {
    border-radius: 12px !important;
    border: 2px solid #FFFFFF !important; /* Filet blanc partout */
    overflow: hidden !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    
    /* Animation fluide */
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    
    /* Optimisation mobile */
    -webkit-tap-highlight-color: transparent; /* Enlève le flash bleu au clic sur Android */
}

.sdn-galerie .e-gallery-image {
    backface-visibility: hidden; 
    vertical-align: middle !important;
    transition: filter 0.3s ease !important;
}

/* ==============================================
   2. VERSION ORDINATEUR (Écrans > 768px)
   Ici, on garde ton effet WOW (Pop-up + Saturation)
   ============================================== */
@media (min-width: 768px) {
    
    .sdn-galerie .e-gallery-item:hover {
        transform: scale(1.15) !important; /* Zoom avant */
        border-color: #E5006D !important;  /* Filet Rose */
        z-index: 999 !important;
        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5) !important;
    }

    .sdn-galerie .e-gallery-item:hover .e-gallery-image {
        filter: saturate(2.5) !important; /* Couleurs vives */
    }
}

/* ==============================================
   3. VERSION MOBILE (Smartphones)
   Ici, on fait un effet "Bouton Physique"
   ============================================== */
@media (max-width: 767px) {
    
    /* On annule l'effet de survol qui bug sur mobile */
    .sdn-galerie .e-gallery-item:hover {
        transform: none !important;
        z-index: 1 !important;
    }

    /* L'effet "ACTIVE" (Au moment où le doigt appuie) */
    .sdn-galerie .e-gallery-item:active {
        transform: scale(0.96) !important; /* L'image s'enfonce légèrement */
        border-color: #E5006D !important;  /* Petit flash rose à l'appui */
        filter: brightness(0.9); /* S'assombrit un peu comme un bouton */
    }
}/* End custom CSS */