/**
 * Sticky Product Image
 * Rend la colonne image collante lors du scroll sur la page produit
 */

/* Style pour la galerie d'images produit - ciblage de la classe correcte */
.woocommerce-product-gallery {
    position: -webkit-sticky !important; /* Safari */
    position: sticky !important;
    top: 50px !important; /* Distance depuis le haut de la fenêtre quand l'image devient fixe */
    align-self: flex-start !important; /* Important pour que sticky fonctionne dans une flexbox */
    z-index: 10 !important;
}

/* Ajustement si vous avez un header fixe - adapter la valeur de top */
/* Si votre header fait par exemple 80px de haut, décommenter et ajuster : */
/*
.woocommerce-product-gallery {
    top: 100px !important;
}
*/

/* Optionnel : transition douce lors du scroll */
.woocommerce-product-gallery {
    transition: top 0.3s ease-in-out;
}

/* Responsive : désactiver le sticky sur mobile si nécessaire */
@media (max-width: 768px) {
    .woocommerce-product-gallery {
        position: relative !important;
        top: auto !important;
        z-index: 1 !important;
    }
}

/* Pour vérifier que le CSS est bien chargé, décommenter temporairement cette ligne */
/* Elle ajoutera une bordure rouge autour de l'image */
/*
.woocommerce-product-gallery {
    border: 3px solid red !important;
}
*/