/**
 * ==========================================================================
 * V.and The Wolf
 * WooCommerce - Galerie produit
 * Version : 1.0.0
 * ==========================================================================
 */

/* --------------------------------------------------------------------------
   Galerie principale
-------------------------------------------------------------------------- */

.single-product .product-gallery {
    position: relative;
}

.single-product .woocommerce-product-gallery {
    margin: 0;
}

.single-product .woocommerce-product-gallery__wrapper {
    border-radius: 4px;
}

.single-product .woocommerce-product-gallery__image img {
    display: block;
    width: 100%;
    height: auto;
}

/* --------------------------------------------------------------------------
   Miniatures
-------------------------------------------------------------------------- */

.single-product .flex-control-thumbs img {
    width: 100%;
    border: 1px solid #e5e5e5;
    transition: .25s ease;
}

.single-product .flex-control-thumbs img:hover {
    border-color: #111;
    opacity: 1;
}

.single-product .flex-control-thumbs .flex-active {
    border-color: #111;
}

/* --------------------------------------------------------------------------
   Zoom
-------------------------------------------------------------------------- */

.single-product .zoom-button,
.single-product .product-lightbox-button {
    border-radius: 50%;
    transition: .25s ease;
}

.single-product .zoom-button:hover,
.single-product .product-lightbox-button:hover {
    transform: scale(1.08);
}

/* --------------------------------------------------------------------------
   Responsive
-------------------------------------------------------------------------- */

@media (max-width: 849px) {

    .single-product .product-gallery {
        margin-bottom: 30px;
    }

}