/*
Theme Name: BrightSky light

WooCommerce styles override
*/

/* PRODUCT PAGE */
.product-template-default .product {
    display: grid;
    gap: 25px;
}
@media screen and (min-width: 768px) {
    .product-template-default .product {
        grid-template-columns: 1fr 1fr;
    }
}
.sp-product-gallery-images {
    gap: 10px;
	padding-bottom: 15px;
}
.sp-product-gallery {
	width: 100%;
}
.sp-product-gallery-images {
    display: flex;
    overflow-x: scroll;
	scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    gap: 20px;
}
.sp-product-gallery-image-container {
	width: 100%;
	flex-shrink: 0;
	border-radius: var(--default-border-radius);
	overflow: hidden;
	scroll-snap-align: start;
}
/* hide scrollbar */
	.sp-product-gallery-images {
		scrollbar-width: none; /* Firefox */
		-ms-overflow-style: none; /* IE 10+ */
		/* position: relative; */
	}
	
	.sp-product-gallery-images::-webkit-scrollbar {
		display: none; /* Chrome, Safari, and Opera */
	}
@media screen and (min-width: 768px) {
    .sp-product-gallery-images-outer {
        position: relative;
    }
.sp-product-gallery-arrows {
		display: block;
	}
	.sp-prodgallery-prev, 
	.sp-prodgallery-next {
     position: absolute;
    top: 50%;
	transform: translateY(-50%);
    height: 100%;   
    width: 50px;
    height: 50px;
    background-color: var(--default-color);
    border-radius: 50%;
    position: absolute;
	cursor: pointer;
}
	.sp-prodgallery-prev {
		content: url(assets/icons/chewron-left.svg);
		left: 15px;
	}
	.sp-prodgallery-next {
    
    content: url(assets/icons/chewron-right.svg);
    right: 15px;
}
    .sp-product-gallery-thumbs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 30px;
    column-gap: 30px;
	margin-top: 8px;
	width: 100%;
	max-width: 100%;
}
.sp-product-gallery-thumb-container {
	flex-shrink: 0;
	border-radius: var(--smaller-border-radius);
	overflow: hidden;
    cursor: pointer;
}
.sp-product-gallery-thumb-container:not(.active) .sp-product-gallery-thumb img {
	opacity: 0.7;  /* make the active thumb stand out */
}
}

/* PRODUCT LOOPS */
/* Default product loop (shortcode) */
.products {
	list-style: none;
}
.products a {
	text-decoration: none;
}
.sp-products-container .products {
	display: grid;
	grid-gap: var(--loop-gap);
	padding: 0;
}
.sp-products-container.sp-shortcode-infinityloop .products {
	display: flex;
	width: calc(var(--page-width) - var(--mobile-margins));
	max-width: calc(var(--max-page-width) - var(--mobile-margins));
	overflow-x: auto;
    scroll-behavior:smooth;
  scroll-snap-type: x mandatory;
}
@media screen and (min-width: 768px) {
	.sp-products-container.sp-shortcode-infinityloop .products {
		width: calc( var(--page-width) - ( (var(--page-width) - var(--content-width) ) / 2));
		max-width: calc(var(--max-page-width) - var(--mobile-margins));
	}
}
.sp-products-container.sp-shortcode-infinityloop .products .product {
	width: 90%;
	flex-shrink: 0;
	scroll-snap-align: start;
	padding-bottom: 75px;
}
.sp-products-container.sp-shortcode-infinityloop .products .product .woocommerce-loop-product__link {
	position: relative;
	height: 100%;
	display: block;
}
.sp-standard-product-loop .products .product:last-child {
	margin-right: var(--loop-gap);
}
@media screen and (min-width: 768px) {
	.sp-products-container.sp-shortcode-infinityloop .products .product {
		width: calc( 33% - (var(--loop-gap) * 1.5));
	}
}
.sp-standard-product-loop .sp-loop-extrainfo {
	position: absolute;
	top: calc(100% - 14px);
}

.sp-product-loop-image {
	border-radius: var(--default-border-radius);
	overflow: hidden;
}
.related.products {
	grid-template-columns: minmax(0, 1fr);
}
@media screen and (min-width: 768px) {
	.products.columns-2 {
		grid-template-columns: repeat(2, 1fr);
	}
	.products.columns-3 {
		grid-template-columns: repeat(3, 1fr);
	}
	.products.columns-4 {
		grid-template-columns: repeat(4, 1fr);
	}
	.related.products {
		grid-column: span 2;
	}
}