/* ============================================================
   Entrust Product Slider — Shortcode Styles
   Loaded via wp_enqueue_style() on WooCommerce single product pages.
   ============================================================ */

/* Product vertical slider */
.entrust-product-slider-wrapper {
	max-width: 800px;
	margin: 30px auto;
	font-family: Arial, sans-serif;
}
.entrust-slider-container {
	position: relative;
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
}
.entrust-thumbs {
	width: 120px;
	float: left;
	padding: 40px 0;
	position: relative;
}
.entrust-thumb-slide {
	width: 90px !important;
	height: 90px;
	margin: 10px auto;
	border-radius: 12px;
	overflow: hidden;
	border: 3px solid #3535354D !important;
	opacity: 0.6 !important;
	transition: all 0.3s;
	cursor: pointer;
	outline: none;
}
.entrust-thumb-slide.slick-current {
	opacity: 1;
	border-color: #e5655c !important;
}
.entrust-thumb-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.entrust-main-slider {
	width: calc(100% - 120px);
	float: right;
	border: 3px solid #3535354D;
	border-radius: 20px;
	max-height: 530px;
}
.entrust-main-slide {
	outline: none;
}
.entrust-main-slide img {
	/* width: 100%; */
	margin: auto;
	height: auto;
	display: block;
	border-radius: 20px;
	max-height: 500px;
}
.entrust-nav-arrow {
	width: 36px;
	height: 36px;
	background: #CED6DB;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	z-index: 10;
	cursor: pointer;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	border: none;
}

.entrust-thumbs-prev {
	top: 0px;
	left: 25%;
}
.entrust-thumbs-next {
	bottom: 0px;
	left: 25%;
}
.entrust-thumbs-prev::before,
.entrust-thumbs-next::before {
	content: "";
	display: none;
}

/* Single image case */
.entrust-single-image .entrust-thumbs {
	display: none;
}
.entrust-single-image .entrust-main-slider {
	width: 100%;
}

/* Hide default slick arrows */
.entrust-thumbs .slick-prev,
.entrust-thumbs .slick-next {
	display: none !important;
}

/* Mobile styles */
@media (max-width: 768px) {

	.entrust-slider-container {
		display: flex;
		flex-direction: column-reverse;
	}
	.entrust-thumbs {
		width: 100%;
		float: none;
		padding: 0;
		margin-top: 20px;
		margin-bottom: 20px;
		position: relative;
	}
	.entrust-main-slider {
		width: 100%;
		float: none;
	}
	.entrust-thumb-slide {
		margin: auto 10px;
	}
	.entrust-thumbs-prev {
		top: 50%;
		left: 0;
		transform: translateY(-50%);
	}
	.entrust-thumbs-next {
		top: 50%;
		left: auto;
		right: 0;
		bottom: auto;
		transform: translateY(-50%);
	}
	.entrust-thumbs-prev svg {
		transform: rotate(-90deg);
	}
	.entrust-thumbs-next svg {
		transform: rotate(-90deg);
	}
}
@media (max-width: 575px) {
	.entrust-main-slide img {
		height: 350px;
		object-fit: contain;
	}
	.entrust-thumbs {
		height: 100px;
		overflow: hidden;
	}
}

/* Product vertical slider ends */