/* ensure thumbnail list looks decent if JS is missing */
/*
ol.flex-control-thumbs,
.woocommerce-product-gallery__thumbnails {
  display: flex;
  gap: 6px;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0;
}
*/

/* make list items not wrap */
/*
ol.flex-control-thumbs li,
.woocommerce-product-gallery__thumbnails li {
  flex: 0 0 auto;
}
*/

.woocommerce-product-gallery > .flex-viewport {
	margin-bottom: 4px;
}

/*
ol.flex-control-nav.flex-control-thumbs {
	margin-top:	4px;
}
*/

/* make sure Flickity prev/next buttons are visible and sit nicely */
ol.flex-control-thumbs .flickity-button {
  opacity: 0.95;
  border-radius: 500px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.15);
}

ol.flex-control-thumbs li {
	padding-left:	3px;
	padding-right:	3px;
}
ol.flex-control-thumbs li img {
	/*min-height:	150px;*/
  width:  auto;
}

/* Video embed wrapper for main product gallery when a video is active */
.awwgd-product-video-wrapper {
	position: relative;
	width: 100%;
	padding-top: 56.25%; /* 16:9 aspect ratio */
}

.awwgd-product-video-wrapper iframe,
.awwgd-product-video-wrapper video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* If WooCommerce zoom injects an overlay image into a video slide, hide it */
.woocommerce-product-gallery__image[data-awwgd-video-active="1"] .zoomImg {
	display: none !important;
}

@media screen and (max-width: 767px) {
  .woocommerce div.product div.images .flex-control-thumbs li {
    width:50%;
  }

  ol.flex-control-thumbs li img {
    min-height: 100px;
  }
}