/*
 * EE Product Gallery — bundled stylesheet.
 *
 * Two responsibilities:
 *
 * 1. Actually hide the thumbnail strip when the widget's "Show thumbnails" toggle
 *    is off. The widget adds the class `.ee-woo-product-gallery--no-thumbs` to
 *    the wrapper, but nothing in the repo used to consume it, so thumbnails
 *    remained visible in every case. This CSS makes the toggle work by hiding
 *    the WooCommerce/theme thumbnail containers that flexslider uses
 *    (`.flex-control-thumbs`) plus the fallback WooCommerce Blocks / core
 *    thumbnail wrappers.
 *
 * 2. Keep the gallery images fluid inside the widget column — the WooCommerce
 *    `woocommerce_show_product_images()` markup depends on the active theme for
 *    responsive sizing, and defensive `max-width: 100%; height: auto` on <img>
 *    stops rogue themes from letting a full-resolution photo push the page
 *    sideways on phones.
 *
 * @since Premium 3.6.7
 */

.ee-woo-product-gallery {
	max-width: 100%;
}

.ee-woo-product-gallery img {
	max-width: 100%;
	height: auto;
}

/* Hide the thumbnail strip when the widget's Show Thumbnails toggle is off. */
.ee-woo-product-gallery--no-thumbs .flex-control-thumbs,
.ee-woo-product-gallery--no-thumbs .flex-control-nav,
.ee-woo-product-gallery--no-thumbs .woocommerce-product-gallery__wrapper--thumbnails,
.ee-woo-product-gallery--no-thumbs .wc-block-components-product-image-gallery__thumbnails {
	display: none !important;
}