/**
 * Woo 单品图库 — Swiper 主图 + 底栏缩略图（每屏约 4 张，箭头控制 + 可拖）。
 *
 * 使用 [data-he-swiper-ready] 作为根选择器，避免 Elementor Theme Builder 单品页没有 body.single-product
 * 时「隐藏原图库」规则不生效，导致原生九宫格与 Swiper 缩略条同时出现。
 */

/* 仅保留 .he-wc-swiper-shell，其余直接子节点一律隐藏（Woo 原 wrapper / trigger / flex 壳等） */
.woocommerce-product-gallery[data-he-swiper-ready='1'] > *:not(.he-wc-swiper-shell) {
	display: none !important;
}

.woocommerce-product-gallery[data-he-swiper-ready='1'] {
	--he-swiper-frame: #e0e0e0;
	--he-swiper-rail: #f7f7f7;
	--he-swiper-active: #8cc6f0;
	--he-swiper-thumb-pad: 12px;
	--he-swiper-gap: 10px;
	position: relative;
	box-sizing: border-box;
}

.woocommerce-product-gallery[data-he-swiper-ready='1'] .he-wc-swiper-hidden {
	display: none !important;
}

.woocommerce-product-gallery[data-he-swiper-ready='1'] .he-wc-swiper-shell {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
}

/* 主图 */
.woocommerce-product-gallery[data-he-swiper-ready='1'] .he-wc-swiper-main {
	width: 100%;
	background: #fff;
	border: 1px solid var(--he-swiper-frame);
	box-sizing: border-box;
}

.woocommerce-product-gallery[data-he-swiper-ready='1'] .he-wc-swiper-main .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 200px;
	background: #fff;
}

.woocommerce-product-gallery[data-he-swiper-ready='1'] .he-wc-swiper-main .swiper-slide img {
	display: block;
	max-width: 100%;
	width: 100%;
	height: auto;
	max-height: min(72vh, 640px);
	object-fit: contain;
	vertical-align: middle;
}

/* 底栏：左键 | 缩略 Swiper | 右键 */
.woocommerce-product-gallery[data-he-swiper-ready='1'] .he-wc-swiper-thumbs-rail {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	width: 100%;
	border: 0;
	border-radius: 2px;
	background: #ffffff;
	box-sizing: border-box;
}

.woocommerce-product-gallery[data-he-swiper-ready='1'] .he-wc-swiper-nav {
	flex-shrink: 0;
	width: 35px;
	min-height: 88px;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	background: #ffffff center center / 10px 16px no-repeat;
	cursor: pointer;
	box-sizing: border-box;
	transition: background-color 0.15s ease;
	-webkit-appearance: none;
	appearance: none;
}

.woocommerce-product-gallery[data-he-swiper-ready='1'] .he-wc-swiper-nav:hover:not(:disabled) {
	background-color: #ededed;
}

.woocommerce-product-gallery[data-he-swiper-ready='1'] .he-wc-swiper-nav:disabled {
	opacity: 0.35;
	cursor: not-allowed;
}

.woocommerce-product-gallery[data-he-swiper-ready='1'] .he-wc-swiper-nav--prev {
	border-right: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16'%3E%3Cpath fill='none' stroke='%23222' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' d='M7 1.5L2 8l5 6.5'/%3E%3C/svg%3E");
}

.woocommerce-product-gallery[data-he-swiper-ready='1'] .he-wc-swiper-nav--next {
	border-left: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16'%3E%3Cpath fill='none' stroke='%23222' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' d='M3 1.5l5 6.5-5 6.5'/%3E%3C/svg%3E");
}

.woocommerce-product-gallery[data-he-swiper-ready='1'] .he-wc-swiper-thumbs {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	padding: 10px var(--he-swiper-thumb-pad);
	box-sizing: border-box;
	background: #ffffff;
}

.woocommerce-product-gallery[data-he-swiper-ready='1'] .he-wc-swiper-thumbs .swiper-slide {
	width: auto;
	height: auto;
	opacity: 0.55;
	transition: opacity 0.2s ease;
}

.woocommerce-product-gallery[data-he-swiper-ready='1'] .he-wc-swiper-thumbs .swiper-slide-thumb-active {
	opacity: 1;
}

.woocommerce-product-gallery[data-he-swiper-ready='1'] .he-wc-swiper-thumbs .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	box-sizing: border-box;
	border: 2px solid #d0d0d0;
	padding: 3px;
	background: #fff;
	cursor: pointer;
	transition: border-color 0.15s ease;
}

.woocommerce-product-gallery[data-he-swiper-ready='1'] .he-wc-swiper-thumbs .swiper-slide-thumb-active img {
	border-color: var(--he-swiper-active);
	border-width: 2px;
	padding: 2px;
}

.woocommerce-product-gallery[data-he-swiper-ready='1'] .he-wc-swiper-thumbs .swiper-button-next,
.woocommerce-product-gallery[data-he-swiper-ready='1'] .he-wc-swiper-thumbs .swiper-button-prev {
	display: none;
}

@media (max-width: 480px) {
	.woocommerce-product-gallery[data-he-swiper-ready='1'] .he-wc-swiper-nav {
		width: 40px;
	}

	.woocommerce-product-gallery[data-he-swiper-ready='1'] .he-wc-swiper-thumbs .swiper-slide img {
		width: 64px;
		height: 64px;
	}
}