/* Smart Image Switcher - Frontend Styles */

/* Smooth transition when switching main product image */
.woocommerce-product-gallery.sis-switching .woocommerce-product-gallery__image img {
	opacity: 0.6;
	transition: opacity 0.25s ease;
}

.woocommerce-product-gallery .woocommerce-product-gallery__image img {
	transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Highlight active thumbnail a bit more */
.flex-control-thumbs li img.flex-active,
.woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
	border: 2px solid #333 !important;
	opacity: 1 !important;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
}

/* Optional: subtle hover effect on gallery thumbs */
.woocommerce-product-gallery .flex-control-thumbs li img:hover {
	opacity: 0.85;
	cursor: pointer;
}

/* Make sure gallery works well on mobile */
@media (max-width: 768px) {
	.woocommerce-product-gallery .flex-control-thumbs li {
		width: 20% !important;
	}
}