// Base
@import "../../../../themes/everse/assets/sass/base/_variables";
@import "../../../../themes/everse/assets/sass/base/_mixins.scss";

/*-------------------------------------------------------*/
/* Grid
/*-------------------------------------------------------*/
.elementor-element.eversor-products-grid {
	ul.products {
		display: grid;
		margin-left: 0;
		margin-right: 0;
	}

	.eversor-products-slider {
		.products {
			display: flex;
			flex-wrap: nowrap;
			grid-column-gap: normal !important;
			grid-row-gap: normal !important;
		}

		li.product {
			display: block;
			flex: none;
		}
	}

	ul.products li.product {
		width: auto;
		padding: 0;
		margin: 0;
		max-width: 100%;
	}
}

body[data-elementor-device-mode="desktop"] {
	.elementor-element.eversor-products-grid ul.products.columns-2 {
		grid-template-columns: repeat(2, 1fr);
	}
	.elementor-element.eversor-products-grid .woocommerce.columns-2 ul.products {
		grid-template-columns: repeat(2, 1fr);
	}
	.elementor-element.eversor-products-grid ul.products.columns-3 {
		grid-template-columns: repeat(3, 1fr);
	}
	.elementor-element.eversor-products-grid .woocommerce.columns-3 ul.products {
		grid-template-columns: repeat(3, 1fr);
	}
	.elementor-element.eversor-products-grid ul.products.columns-4 {
		grid-template-columns: repeat(4, 1fr);
	}
	.elementor-element.eversor-products-grid .woocommerce.columns-4 ul.products {
		grid-template-columns: repeat(4, 1fr);
	}
	.elementor-element.eversor-products-grid ul.products.columns-5 {
		grid-template-columns: repeat(5, 1fr);
	}
	.elementor-element.eversor-products-grid .woocommerce.columns-5 ul.products {
		grid-template-columns: repeat(5, 1fr);
	}
	.elementor-element.eversor-products-grid ul.products.columns-6 {
		grid-template-columns: repeat(6, 1fr);
	}
	.elementor-element.eversor-products-grid .woocommerce.columns-6 ul.products {
		grid-template-columns: repeat(6, 1fr);
	}
}

body[data-elementor-device-mode="tablet"] {
	.elementor-element.eversor-products-grid ul.products {
		grid-template-columns: repeat(3, 1fr);
	}
}

body[data-elementor-device-mode="mobile"] {
	.elementor-element.eversor-products-grid ul.products {
		grid-template-columns: repeat(2, 1fr);
	}
}

body[data-elementor-device-mode="desktop"] {
	.elementor-element.eversor-products-grid.eversor-products-columns-1
		ul.products {
		grid-template-columns: repeat(1, 1fr);
	}
	.elementor-element.eversor-products-grid.eversor-products-columns-2
		ul.products {
		grid-template-columns: repeat(2, 1fr);
	}
	.elementor-element.eversor-products-grid.eversor-products-columns-3
		ul.products {
		grid-template-columns: repeat(3, 1fr);
	}
	.elementor-element.eversor-products-grid.eversor-products-columns-4
		ul.products {
		grid-template-columns: repeat(4, 1fr);
	}
	.elementor-element.eversor-products-grid.eversor-products-columns-5
		ul.products {
		grid-template-columns: repeat(5, 1fr);
	}
	.elementor-element.eversor-products-grid.eversor-products-columns-6
		ul.products {
		grid-template-columns: repeat(6, 1fr);
	}
}

body[data-elementor-device-mode="tablet"] {
	.elementor-element.eversor-products-grid.eversor-products-columns-tablet-1
		ul.products {
		grid-template-columns: repeat(1, 1fr);
	}
	.elementor-element.eversor-products-grid.eversor-products-columns-tablet-2
		ul.products {
		grid-template-columns: repeat(2, 1fr);
	}
	.elementor-element.eversor-products-grid.eversor-products-columns-tablet-3
		ul.products {
		grid-template-columns: repeat(3, 1fr);
	}
	.elementor-element.eversor-products-grid.eversor-products-columns-tablet-4
		ul.products {
		grid-template-columns: repeat(4, 1fr);
	}
	.elementor-element.eversor-products-grid.eversor-products-columns-tablet-5
		ul.products {
		grid-template-columns: repeat(5, 1fr);
	}
	.elementor-element.eversor-products-grid.eversor-products-columns-tablet-6
		ul.products {
		grid-template-columns: repeat(6, 1fr);
	}
}

body[data-elementor-device-mode="mobile"] {
	.elementor-element.eversor-products-grid.eversor-products-columns-mobile-1
		ul.products {
		grid-template-columns: repeat(1, 1fr);
	}
	.elementor-element.eversor-products-grid.eversor-products-columns-mobile-2
		ul.products {
		grid-template-columns: repeat(2, 1fr);
	}
	.elementor-element.eversor-products-grid.eversor-products-columns-mobile-3
		ul.products {
		grid-template-columns: repeat(3, 1fr);
	}
	.elementor-element.eversor-products-grid.eversor-products-columns-mobile-4
		ul.products {
		grid-template-columns: repeat(4, 1fr);
	}
	.elementor-element.eversor-products-grid.eversor-products-columns-mobile-5
		ul.products {
		grid-template-columns: repeat(5, 1fr);
	}
	.elementor-element.eversor-products-grid.eversor-products-columns-mobile-6
		ul.products {
		grid-template-columns: repeat(6, 1fr);
	}
}

/*-------------------------------------------------------*/
/* Widget Products / Slider 
/*-------------------------------------------------------*/
.woocommerce .product,
.eversor-product-outer {
	position: relative;
}

.eversor-product-loop-item--align {
	&-left .eversor-product__categories {
		justify-content: flex-start;
	}
	&-center .eversor-product__categories {
		justify-content: center;
	}
	&-right .eversor-product__categories {
		justify-content: flex-end;
	}
}

.eversor-product__body {
	padding: 18px;
}

// Overlay
.eversor-product-outer__overlay,
.eversor-product-outer .woocommerce-loop-product__link {
	position: absolute !important;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.eversor-product-outer__overlay {
	overflow: hidden;
}

.eversor-product__categories {
	.eversor-wc-products .product & {
		margin-bottom: 0;
	}

	li {
		display: inline-block;
		padding-left: 10px;
		padding-right: 10px;
	}
}

.woocommerce {
	.eversor-product-outer__image-holder img {
		width: 100%;
		height: auto;
		display: block;
		margin: 0;
		box-shadow: none;
	}

	.eversor-product-image-back {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		right: 0;
		bottom: 0;
		padding: 0;
		margin: 0;
		opacity: 0;
		transition: opacity 0.5s, transform 0.3s, max-height 0.6s, filter 0.6s;
		filter: blur(0);
		pointer-events: none;
		object-position: 50% 50%;
		object-fit: cover;
	}

	ul.products .product:hover {
		.eversor-product-image-back {
			opacity: 1;
			transform: scale(1) translateZ(0) translateY(0) !important;
			pointer-events: inherit;
		}
	}

	ul.products li.product a.woocommerce-loop-product__link {
		display: block;
		position: relative;
	}

	ul.products .eversor-product__body .button {
		padding: 14px 24px;
	}
}

.eversor-products-slider {
	ul.swiper-wrapper {
		margin-bottom: 34px;
	}
}

/*-------------------------------------------------------*/
/* Widget Product Image 
/*-------------------------------------------------------*/
.eversor-woocommerce-template.woocommerce #content div.product div.images,
.eversor-woocommerce-template.woocommerce div.product div.images,
body.woocommerce
	#content
	.eversor-woocommerce-template
	div.product
	.elementor-widget-deo-woo-product-image
	div.images,
body.woocommerce
	.eversor-woocommerce-template
	div.product
	.elementor-widget-deo-woo-product-image
	div.images,
body.woocommerce-page
	#content
	.eversor-woocommerce-template
	div.product
	.elementor-widget-deo-woo-product-image
	div.images,
body.woocommerce-page
	.eversor-woocommerce-template
	div.product
	.elementor-widget-deo-woo-product-image
	div.images {
	float: none;
	width: 100%;
	max-width: 100%;
	padding: 0;
}

// Reduce Image and Tabs bottom margins
.eversor-woocommerce-template.woocommerce
	div.product
	.elementor-widget-deo-woo-product-image
	div.images,
body.woocommerce
	#content
	.eversor-woocommerce-template
	.elementor-widget-deo-woo-product-image
	div.images,
.eversor-woocommerce-template.woocommerce
	div.product
	.elementor-widget-deo-woo-product-tabs
	.panel,
body.woocommerce
	#content
	.eversor-woocommerce-template
	.elementor-widget-deo-woo-product-tabs
	.panel {
	margin-bottom: 0.5em;
}

/*-------------------------------------------------------*/
/* Widget Related Products / Additional Information
/*-------------------------------------------------------*/
.eversor-products-grid:not(.show-heading-yes) .products > h2,
.elementor-widget-deo-woo-product-additional-information:not(.show-heading-yes)
	h2 {
	display: none;
}

/*-------------------------------------------------------*/
/* Widget Rating
/*-------------------------------------------------------*/
.woocommerce div.product .woocommerce-product-rating {
	margin-bottom: 0;
}