/**
 * shop-theme.css — لایهٔ «رنگ‌بندی و انیمیشن» فروشگاه/آرشیو محصولات
 * ---------------------------------------------------------------
 * این فایل روی shop.css (منطق/چیدمان اصلی فروشگاه) سوار می‌شود و فقط
 * ظاهر (رنگ، گردی گوشه، سایه، تایپوگرافی، انیمیشن هاور) را هم‌سو با
 * صفحهٔ اصلی (home-header.css / home-main.css) می‌کند. عمداً به شکلِ
 * یک لایهٔ override نوشته شده — نه بازنویسی کامل shop.css — چون:
 *   ۱) تمام کلاس‌ها و رفتار جاوااسکریپتی (فیلتر، کارت چرخشی، افزودن به
 *      سبد، پنل موبایل) دست‌نخورده و بدون هیچ خطر شکستن باقی می‌ماند.
 *   ۲) چیدمان موبایل («مثل الان») کاملاً حفظ می‌شود؛ فقط رنگ/سایه/انیمیشن
 *      عوض شده، نه ساختار/اندازه/breakpointها.
 * وابسته به متغیرهای رنگی --jw-* است که در home-header.css تعریف شده و
 * پیش از این فایل بارگذاری می‌شود (اول jw-header، بعد xk7-shop-style،
 * بعد همین فایل).
 */

/* ==========================================================
 * ۱) پس‌زمینهٔ کلی صفحه + عنوان
 * ======================================================== */
.newtic-archive-wrapper { font-family: inherit; }

.xk7-full-shop-container .xk7-page-title {
	color: var( --jw-navy-dark );
	font-weight: 800;
}
.xk7-full-shop-container .xk7-page-desc { color: var( --jw-gray ); }

.woocommerce .woocommerce-breadcrumb a { color: var( --jw-gray ) !important; }
.woocommerce .woocommerce-breadcrumb a:hover { color: var( --jw-navy ) !important; }
.xk7-full-shop-container .xk7-woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb { color: var( --jw-navy ) !important; }

/* ==========================================================
 * ۲) ردیف دسته‌بندی‌های اصلی/زیرمجموعه (بالای صفحه)
 * ======================================================== */
.xk7-categories-boxes,
.xk7-subcategories-boxes {
	background: var( --jw-lime-tint );
	padding: 10px;
	border-radius: var( --jw-radius-lg );
	gap: 10px;
}

.xk7-categories-boxes .newboxtic,
.xk7-subcategories-boxes .newboxtic {
	background: #fff;
	border: 1px solid var( --jw-line );
	border-radius: var( --jw-radius );
	width: 132px;
	transition: transform .3s var( --jw-ease ), box-shadow .3s var( --jw-ease ), border-color .3s var( --jw-ease );
}

.xk7-categories-boxes .newboxtic:hover,
.xk7-subcategories-boxes .newboxtic:hover {
	transform: translateY(-4px);
	box-shadow: var( --jw-shadow-sm );
	border-color: var( --jw-lime );
}

.xk7-categories-boxes .box-text-tic,
.xk7-subcategories-boxes .box-text-tic {
	border-radius: 10px;
}

.xk7-categories-boxes .box-text,
.xk7-subcategories-boxes .box-text {
	color: var( --jw-navy-dark );
	font-weight: 700;
}

/* ==========================================================
 * ۳) نوار «فیلترهای فعال»
 * ======================================================== */
.xk7-full-shop-container .xk7-active-filters {
	background: var( --jw-lime-tint );
	border-radius: var( --jw-radius );
}
.xk7-full-shop-container .active-filters-title { color: var( --jw-navy-dark ); font-weight: 700; }

.xk7-full-shop-container .filter-tag {
	background: #fff;
	border: 1px solid var( --jw-lime );
	color: var( --jw-navy-dark );
	font-weight: 600;
	transition: box-shadow .2s var( --jw-ease );
}
.xk7-full-shop-container .filter-tag:hover { box-shadow: var( --jw-shadow-sm ); }
.xk7-full-shop-container .filter-tag .remove-filter { color: var( --jw-navy ); }

.xk7-full-shop-container .clear-all-filters {
	background: var( --jw-navy );
	color: #fff;
	transition: background .2s var( --jw-ease ), transform .2s var( --jw-ease );
}
.xk7-full-shop-container .clear-all-filters:hover { background: var( --jw-navy-soft ); transform: translateY(-1px); }

/* ==========================================================
 * ۴) سایدبار فیلترها
 * ======================================================== */
.xk7-full-shop-container .xk7-filters-sidebar {
	border-color: var( --jw-line );
	border-radius: var( --jw-radius-lg );
	box-shadow: var( --jw-shadow-sm );
}

.xk7-full-shop-container .xk7-filter-title { color: var( --jw-navy-dark ); }

.xk7-full-shop-container .xk7-stock-checkbox,
.xk7-full-shop-container .xk7-filter-checkbox { accent-color: var( --jw-navy ); }

.xk7-full-shop-container .xk7-search-wrapper { border-radius: var( --jw-radius ); overflow: hidden; }
.xk7-full-shop-container .xk7-filter-search {
	border-color: var( --jw-line );
	border-radius: 0;
}
.xk7-full-shop-container .xk7-filter-search:focus {
	outline: none;
	border-color: var( --jw-navy );
}
.xk7-full-shop-container .xk7-search-btn {
	background: var( --jw-navy );
	color: #fff;
	transition: background .2s var( --jw-ease );
}
.xk7-full-shop-container .xk7-search-btn:hover { background: var( --jw-navy-soft ); }

.xk7-full-shop-container .xk7-accordion-item {
	border-color: var( --jw-line );
	border-radius: var( --jw-radius );
	transition: border-color .2s var( --jw-ease );
}
.xk7-full-shop-container .xk7-accordion-item:hover { border-color: var( --jw-lime ); }
.xk7-full-shop-container .xk7-accordion-header { color: var( --jw-navy-dark ); }
.xk7-full-shop-container .xk7-accordion-icon { color: var( --jw-navy ); }

.xk7-full-shop-container .xk7-filter-options::-webkit-scrollbar-thumb { background: var( --jw-lime ); }

.xk7-full-shop-container .xk7-radio-label { transition: background .18s var( --jw-ease ); }
.xk7-full-shop-container .xk7-radio-label:hover { background: var( --jw-lime-tint ); }

/* بلوک جدید فیلتر امتیاز */
.xk7-full-shop-container .xk7-rating-filter-section { border-bottom: 1px solid #eee; margin-bottom: 20px; padding-bottom: 15px; }
.xk7-full-shop-container .xk7-rating-option {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	font-size: 12.5px;
	color: var( --jw-gray );
}
.xk7-full-shop-container .xk7-rating-option span:last-child { margin-right: 4px; }
.xk7-full-shop-container .xk7-star-on svg,
.xk7-full-shop-container .xk7-star-on { color: #f59e0b; fill: #f59e0b; }
.xk7-full-shop-container .xk7-star-off svg,
.xk7-full-shop-container .xk7-star-off { color: #d9d9d9; fill: #d9d9d9; }
.xk7-full-shop-container .xk7-rating-checkbox { accent-color: #f59e0b; }

.xk7-full-shop-container .xk7-filter-apply-btn {
	background: var( --jw-navy );
	border: none;
	transition: background .2s var( --jw-ease ), transform .2s var( --jw-ease );
}
.xk7-full-shop-container .xk7-filter-apply-btn:hover { background: var( --jw-navy-soft ); transform: translateY(-1px); }
.xk7-full-shop-container .xk7-filter-reset-btn { transition: background .2s var( --jw-ease ); }
.xk7-full-shop-container #xk7-apply-all-filters:hover { background: var( --jw-navy-soft ) !important; }
.xk7-full-shop-container #xk7-reset-filters:hover { background: #fdeeee !important; color: #c0392b !important; }

/* ==========================================================
 * ۵) هدر مرتب‌سازی + شمارش
 * ======================================================== */
.xk7-full-shop-container .xk7-sort-header {
	border-color: var( --jw-line );
	border-radius: var( --jw-radius-lg );
	box-shadow: var( --jw-shadow-sm );
}
.xk7-full-shop-container .xk7-sort-link:hover,
.xk7-full-shop-container .xk7-sort-link.active {
	color: var( --jw-navy-dark ) !important;
	background: var( --jw-lime-tint );
	font-weight: 700;
}
.xk7-full-shop-container .xk7-sort-select-mobile-wrap { border-color: var( --jw-line ); border-radius: var( --jw-radius ); }
.xk7-full-shop-container .xk7-count-section { color: var( --jw-gray ); }

/* ==========================================================
 * ۶) کارت محصول — هم‌سو با jw-pcard صفحهٔ اصلی
 * ======================================================== */
.xk7-full-shop-container .xk7-card { transition: transform .3s var( --jw-ease ); }
.xk7-full-shop-container .xk7-card:hover { transform: translateY(-4px); }

.xk7-full-shop-container .xk7-card-front,
.xk7-full-shop-container .xk7-card-back {
	border-color: var( --jw-line );
	border-radius: var( --jw-radius-lg );
	transition: box-shadow .3s var( --jw-ease ), transform .3s var( --jw-ease ), border-color .3s var( --jw-ease );
}
.xk7-full-shop-container .xk7-card:hover .xk7-card-front { box-shadow: var( --jw-shadow-sm ); border-color: var( --jw-lime ); }

.xk7-full-shop-container .xk7-discount-badge { background: var( --jw-navy ); }
.xk7-full-shop-container .xk7-discount-value { color: var( --jw-lime ); font-weight: 800; }

.xk7-full-shop-container .xk7-card-rating-value { color: var( --jw-navy-dark ); }
.xk7-full-shop-container .xk7-product-label { color: var( --jw-ink ); }
.xk7-full-shop-container .xk7-card:hover .xk7-product-label { color: var( --jw-navy ); }

.xk7-full-shop-container .xk7-current-price,
.xk7-full-shop-container .xk7-single-price { color: var( --jw-navy-dark ); font-weight: 800; }
.xk7-full-shop-container .xk7-toman-icon {
	/* آیکون تومان به‌جای قرمز، هم‌رنگ سرمه‌ای صفحه اصلی */
	filter: brightness(0) saturate(100%) invert(10%) sepia(64%) saturate(3500%) hue-rotate(215deg) brightness(90%) contrast(101%);
}
.xk7-full-shop-container .xk7-inquiry-link-text {
	background: var( --jw-lime-tint );
	color: var( --jw-navy-dark );
	font-weight: 700;
	transition: background .2s var( --jw-ease );
}
.xk7-full-shop-container .xk7-inquiry-link-text:hover { background: var( --jw-lime ); }

.xk7-full-shop-container .xk7-cart-trigger {
	border-color: var( --jw-line );
	transition: background .2s var( --jw-ease ), transform .2s var( --jw-ease ), border-color .2s var( --jw-ease );
}
.xk7-full-shop-container .xk7-cart-trigger:hover {
	background: var( --jw-lime );
	border-color: var( --jw-lime );
	transform: scale(1.08);
}
.xk7-full-shop-container .xk7-cart-trigger svg { stroke: var( --jw-navy-dark ); transition: stroke .2s var( --jw-ease ); }

/* پشت کارت (خرید سریع) */
.xk7-full-shop-container .xk7-back-closer { border-color: var( --jw-line ); transition: background .2s var( --jw-ease ); }
.xk7-full-shop-container .xk7-back-closer:hover { background: var( --jw-lime-tint ); }
.xk7-full-shop-container .xk7-back-scroll-zone::-webkit-scrollbar-thumb { background: var( --jw-navy ); }
.xk7-full-shop-container .xk7-back-price { background: var( --jw-lime-tint ); }
.xk7-full-shop-container .xk7-back-price .price-value { color: var( --jw-navy-dark ); }
.xk7-full-shop-container .xk7-back-price .price-value img { filter: brightness(0) saturate(100%) invert(10%) sepia(64%) saturate(3500%) hue-rotate(215deg) brightness(90%) contrast(101%); }

.xk7-full-shop-container .xk7-qty-cmd { transition: background .2s var( --jw-ease ); }
.xk7-full-shop-container .xk7-qty-cmd:hover { background: var( --jw-lime-tint ); }
.xk7-full-shop-container .xk7-qty-field:focus { outline: none; border-color: var( --jw-navy ); }

.xk7-full-shop-container .xk7-simple-add-back,
.xk7-full-shop-container a.xk7-variable-buy-btn {
	background: var( --jw-navy );
	transition: background .2s var( --jw-ease ), transform .2s var( --jw-ease );
}
.xk7-full-shop-container .xk7-simple-add-back:hover,
.xk7-full-shop-container a.xk7-variable-buy-btn:hover {
	background: var( --jw-navy-soft );
	transform: translateY(-1px);
}

.xk7-full-shop-container .xk7-overlay-phone { color: var( --jw-lime ); font-weight: 700; }

/* ==========================================================
 * ۷) صفحه‌بندی
 * ======================================================== */
.xk7-full-shop-container .xk7-pagination-container {
	border-color: var( --jw-line );
	box-shadow: var( --jw-shadow-sm );
}
.xk7-full-shop-container .xk7-page-link { transition: background .2s var( --jw-ease ), color .2s var( --jw-ease ); }
.xk7-full-shop-container .xk7-page-link:hover { background: var( --jw-lime-tint ); color: var( --jw-navy-dark ); }
.xk7-full-shop-container .xk7-page-link.active { background: var( --jw-navy ); color: #fff; }

/* ==========================================================
 * ۸) توضیحات دسته‌بندی/برچسب/برند
 * ======================================================== */
.xk7-full-shop-container .xk7-category-description {
	background: var( --jw-lime-tint );
	border: 2px dashed var( --jw-lime );
	border-radius: var( --jw-radius-lg );
}
.xk7-full-shop-container span.xk7-show-more,
.xk7-full-shop-container span.xk7-show-less {
	color: var( --jw-navy-dark );
	box-shadow: var( --jw-shadow-sm );
}

.xk7-full-shop-container .xk7-no-products { color: var( --jw-gray ); }

/* ==========================================================
 * ۹) دکمهٔ فیلتر موبایل + پنل کشویی
 * ======================================================== */
.xk7-full-shop-container .xk7-mobile-filter-btn,
.xk7-mobile-filter-btn {
	background: var( --jw-navy );
	box-shadow: var( --jw-shadow );
	transition: background .2s var( --jw-ease ), transform .2s var( --jw-ease );
}
.xk7-full-shop-container .xk7-mobile-filter-btn:active,
.xk7-mobile-filter-btn:active { transform: scale(.94); }

.xk7-mobile-filter-header { border-color: var( --jw-line ); }
.xk7-mobile-filter-header h3 { color: var( --jw-navy-dark ); }
.xk7-mobile-filter-close { background: var( --jw-lime-tint ); color: var( --jw-navy-dark ); }
.xk7-mobile-filter-footer { border-color: var( --jw-line ); }
.xk7-mobile-apply {
	background: var( --jw-navy );
	transition: background .2s var( --jw-ease );
}
.xk7-mobile-apply:hover { background: var( --jw-navy-soft ); }
.xk7-mobile-reset { transition: background .2s var( --jw-ease ); }

/* دکمهٔ فیلتر داخل نوار مرتب‌سازی (حالت موبایل) */
.xk7-sort-header .xk7-mobile-filter-btn { color: var( --jw-navy-dark ) !important; }

/* ==========================================================
 * ۱۰) پاپ‌آپ «به سبد خرید اضافه شد»
 * ======================================================== */
.xk7-modal-current-price { color: var( --jw-navy-dark ); }
.xk7-modal-btn-primary { background: var( --jw-navy ); transition: background .2s var( --jw-ease ); }
.xk7-modal-btn-primary:hover { background: var( --jw-navy-soft ); }
.xk7-modal-message { color: #1f9d55; }

/* ==========================================================
 * ۱۱) ورود آرام محتوا هنگام اسکرول (همان زبان انیمیشن صفحه اصلی)
 * فقط روی دسکتاپ/تبلت فعال می‌شود؛ در موبایل خاموش می‌ماند تا اسکرول
 * محصولات هیچ تأخیر بصری اضافه‌ای نداشته باشد.
 * ======================================================== */
@media (min-width: 769px) {
	.xk7-full-shop-container .xk7-card { animation: xk7CardIn .5s var( --jw-ease ) backwards; }
	.xk7-full-shop-container .xk7-grid-constellation .xk7-card:nth-child(1) { animation-delay: .02s; }
	.xk7-full-shop-container .xk7-grid-constellation .xk7-card:nth-child(2) { animation-delay: .06s; }
	.xk7-full-shop-container .xk7-grid-constellation .xk7-card:nth-child(3) { animation-delay: .1s; }
	.xk7-full-shop-container .xk7-grid-constellation .xk7-card:nth-child(4) { animation-delay: .14s; }
	.xk7-full-shop-container .xk7-grid-constellation .xk7-card:nth-child(5) { animation-delay: .18s; }
	.xk7-full-shop-container .xk7-grid-constellation .xk7-card:nth-child(6) { animation-delay: .22s; }
}
@keyframes xk7CardIn {
	from { opacity: 0; transform: translateY(14px); }
	to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
	.xk7-full-shop-container .xk7-card,
	.xk7-full-shop-container .xk7-card-front,
	.xk7-full-shop-container .xk7-card-back,
	.xk7-full-shop-container .newboxtic {
		animation: none !important;
		transition: none !important;
	}
}