/**
 * PVG Variation Images - Public Styles
 *
 * Styles for variation gallery images on the frontend single product page.
 *
 * @package Product_Video_Gallery_For_Wc
 * @since   2.1.0
 */

/* Dynamically added variation gallery slides - match WooCommerce gallery structure */
.woocommerce-product-gallery__wrapper .pvg-variation-gallery-slide {
    position: relative;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

/* Ensure proper sizing for variation gallery images */
.woocommerce-product-gallery__wrapper .pvg-variation-gallery-slide img.pvg-gallery-img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    display: block !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

/* Match WooCommerce gallery image link styling */
.woocommerce-product-gallery__wrapper .pvg-variation-gallery-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

/* Variation gallery thumbnails */
.pvg-variation-gallery-thumb {
    cursor: pointer;
}

.pvg-variation-gallery-thumb img {
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.pvg-variation-gallery-thumb:hover img,
.pvg-variation-gallery-thumb.flex-active img {
    opacity: 1;
}

/* Custom zoom image for variation slides */
.woocommerce-product-gallery__wrapper .pvg-variation-gallery-slide .pvg-zoom-img {
    position: absolute !important;
    top: 0;
    left: 0;
    pointer-events: none !important;
    z-index: 10;
    display: block !important;
    max-width: none !important;
    max-height: none !important;
    visibility: hidden;
    opacity: 0;
}

/* Cross-theme compatibility for variation slides */
.woocommerce-product-gallery__wrapper .pvg-variation-gallery-slide {
    float: left !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Ensure variation slides are included in FlexSlider flow */
.woocommerce-product-gallery.woocommerce-product-gallery--with-images .pvg-variation-gallery-slide {
    position: relative !important;
}

/* Theme-specific fixes */
/* Storefront */
.storefront .woocommerce-product-gallery__wrapper .pvg-variation-gallery-slide,
/* OceanWP */
.oceanwp-theme .woocommerce-product-gallery__wrapper .pvg-variation-gallery-slide,
/* Kadence */
.flavor-flavor-flavor .woocommerce-product-gallery__wrapper .pvg-variation-gallery-slide,
/* General themes */
body .woocommerce-product-gallery__wrapper .pvg-variation-gallery-slide {
    flex-shrink: 0 !important;
}