/* ویجت‌های اختصاصی المنتور — محصولات ووکلون */
.wooclone-pw { --wpw-cols: 4; --wpw-gap: 24px; position: relative; }

.wooclone-pw__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.wooclone-pw__title { margin: 0; font-size: 22px; }
.wooclone-pw__head-end { display: flex; align-items: center; gap: 10px; margin-inline-start: auto; }
.wooclone-pw__more { font-size: 14px; text-decoration: none; color: var(--wooclone-primary, #333); }

/* گرید */
.wooclone-pw--grid .wooclone-pw__track {
	display: grid;
	grid-template-columns: repeat(var(--wpw-cols), minmax(0, 1fr));
	gap: var(--wpw-gap);
}

/* کروسل (scroll-snap، بدون وابستگی به کتابخانه) */
.wooclone-pw--carousel .wooclone-pw__track {
	display: grid;
	grid-auto-flow: column;
	grid-template-rows: repeat(var(--wpw-rows, 1), auto);
	grid-auto-columns: calc((100% - var(--wpw-gap) * (var(--wpw-cols) - 1)) / var(--wpw-cols));
	gap: var(--wpw-gap);
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}
.wooclone-pw--carousel .wooclone-pw__track::-webkit-scrollbar { display: none; }
/* فضای ایمن هاور: کارت هنگام هاور/سایه، زیر کادر اسکرول بریده نشود */
.wooclone-pw { --wpw-hs: 14px; }
.wooclone-pw--carousel .wooclone-pw__track {
	padding-block: var(--wpw-hs);
	margin-block: calc(var(--wpw-hs) * -1);
}
@media (min-width: 768px) {
	.wooclone-pw--carousel .wooclone-pw__track {
		padding-inline: var(--wpw-hs);
		margin-inline: calc(var(--wpw-hs) * -1);
		scroll-padding-inline: var(--wpw-hs);
	}
}
.wooclone-pw--carousel .wooclone-pw__item {
	scroll-snap-align: start;
	min-width: 0;
}
.wooclone-pw__item .wooclone-product-card { height: 100%; }

.wooclone-pw__arrow {
	width: 36px; height: 36px; border-radius: 50%;
	border: 1px solid #e5e5e5; background: #fff; color: #333;
	font-size: 22px; line-height: 1; cursor: pointer; padding: 0;
	display: inline-flex; align-items: center; justify-content: center;
	transition: opacity .2s, background-color .2s;
}
.wooclone-pw__arrow:hover { background: #f5f5f5; }
.wooclone-pw__arrow[disabled] { opacity: .35; cursor: default; }

.wooclone-pw__dots { display: flex; justify-content: center; gap: 8px; margin-top: 16px; }
.wooclone-pw__dot { width: 8px; height: 8px; border-radius: 50%; border: 0; padding: 0; background: #d5d5d5; cursor: pointer; }
.wooclone-pw__dot.is-active { background: var(--wooclone-primary, #333); }

.wooclone-pw-notice { padding: 20px; text-align: center; background: #f7f7f7; border-radius: 6px; color: #777; }

/* پنل‌های تب */
.wooclone-pw__panel { display: none; }
.wooclone-pw__panel.is-active { display: block; }

/* عنوان بخش: آیکون و تب‌ها */
.wooclone-pw__title { display: inline-flex; align-items: center; gap: 10px; }
.wooclone-pw__icon { display: inline-flex; align-items: center; line-height: 1; font-size: 1em; }
.wooclone-pw__icon svg { width: 1em; height: 1em; fill: currentColor; }
.wooclone-pw__tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-inline-end: auto; }
.wooclone-pw__tab { border: 0; background: #f1f1f2; color: #3f4064; border-radius: 20px; padding: 6px 16px; font: inherit; font-size: 13.5px; cursor: pointer; transition: background .15s, color .15s; }
.wooclone-pw__tab:hover { background: #e6e7ea; }
.wooclone-pw__tab.is-active { background: var(--wooclone-primary, #333); color: #fff; }
@media (max-width: 767px) { .wooclone-pw__head { flex-wrap: wrap; } .wooclone-pw__tabs { order: 3; width: 100%; overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; } .wooclone-pw__tab { flex: 0 0 auto; } }

/* فلش‌ها: جهت درست در RTL/LTR
   (آیکون پایه به چپ اشاره می‌کند؛ «بعدی» در RTL به چپ، در LTR به راست) */
.wooclone-pw__arrow--next svg { transform: scaleX(1); }
html:not([dir="rtl"]) .wooclone-pw__arrow--next svg { transform: scaleX(-1); }
html[dir="rtl"] .wooclone-pw__arrow--prev svg { transform: scaleX(-1); }

/* فلش‌ها اطراف اسلایدر */
.wooclone-pw__viewport { position: relative; }
.wooclone-pw--arrows-sides .wooclone-pw__arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 4; box-shadow: 0 4px 14px rgba(0,0,0,.14); }
.wooclone-pw--arrows-sides .wooclone-pw__arrow--prev { inset-inline-start: -18px; }
.wooclone-pw--arrows-sides .wooclone-pw__arrow--next { inset-inline-end: -18px; }
@media (max-width: 1100px) {
	.wooclone-pw--arrows-sides .wooclone-pw__arrow--prev { inset-inline-start: 6px; }
	.wooclone-pw--arrows-sides .wooclone-pw__arrow--next { inset-inline-end: 6px; }
}

/* چیدمان «عنوان بالا، مشاهده همه روبه‌رو، دسته‌ها پایین» */
.wooclone-pw__head--stacked { display: grid; grid-template-columns: minmax(0, 1fr) auto; row-gap: 30px; align-items: center; }
.wooclone-pw__head--stacked .wooclone-pw__title { grid-column: 1; grid-row: 1; }
.wooclone-pw__head--stacked .wooclone-pw__head-end { grid-column: 2; grid-row: 1; margin: 0; }
.wooclone-pw__head--stacked .wooclone-pw__tabs { grid-column: 1 / -1; grid-row: 2; order: 0; margin: 0; width: auto; }
@media (max-width: 767px) { .wooclone-pw__head--stacked { flex-wrap: initial; } .wooclone-pw__head--stacked .wooclone-pw__tabs { order: 0; } }

/* درگ با ماوس */
.wooclone-pw__track.is-dragging, .wooclone-br--scroll.is-dragging { scroll-snap-type: none !important; scroll-behavior: auto !important; cursor: grabbing; user-select: none; }
.wooclone-pw__track.is-dragging a, .wooclone-br--scroll.is-dragging a { pointer-events: none; }
.wooclone-pw--carousel .wooclone-pw__track, .wooclone-br--scroll { cursor: grab; }
.wooclone-pw__track img, .wooclone-br--scroll img, .wooclone-sl__slide img { -webkit-user-drag: none; user-select: none; }

/* تراز قیمت کارت (فقط قیمت) */
.wooclone-product-card__price { width: 100%; }
.wpw-price-center .wooclone-product-card__price.has-inline-badge { align-items: center; }
html[dir=rtl] .wpw-price-right .wooclone-product-card__price.has-inline-badge { align-items: flex-start; }
html[dir=rtl] .wpw-price-left .wooclone-product-card__price.has-inline-badge { align-items: flex-end; }
html:not([dir=rtl]) .wpw-price-right .wooclone-product-card__price.has-inline-badge { align-items: flex-end; }
html:not([dir=rtl]) .wpw-price-left .wooclone-product-card__price.has-inline-badge { align-items: flex-start; }
.wpw-price-center .wooclone-product-card__old, .wpw-price-center .wooclone-product-card__now { justify-content: center; }

/* دکمه «مشاهده همه» */
.wooclone-pw__more, .wooclone-bc__all { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; transition: color .2s, background-color .2s, border-color .2s, box-shadow .2s; box-sizing: border-box; }
.wooclone-linkic { display: inline-flex; align-items: center; line-height: 1; }
.wooclone-linkic svg { width: 1em; height: 1em; fill: currentColor; }
