/* ---- فیلتر وضعیت محصولات ---- */
.gm-status-filter {
	list-style: none;
	margin: 0;
	padding: 0;
}

.gm-status-filter li {
	margin: 0 0 8px;
}

/*
 * چک‌باکس داخلی فقط با کلاس gm-style-default اعمال می‌شود
 * (وودمارت/قالب‌های دیگر). روی قالب‌های XTS (متاتم) این کلاس
 * ست نمی‌شود تا چک‌باکس‌های خودِ قالب (xts-selected) نمایش داده شوند.
 */
.gm-status-filter.gm-style-default a {
	display: block;
	position: relative;
	padding-inline-start: 22px;
	color: inherit;
	transition: color 0.2s ease;
}

.gm-status-filter.gm-style-default a::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-radius: 3px;
	transition: all 0.2s ease;
}

.gm-status-filter.gm-style-default a.gm-active::before {
	background-color: var(--wd-primary-color, #ff6600);
	border-color: var(--wd-primary-color, #ff6600);
	box-shadow: inset 0 0 0 3px #fff;
}

.gm-status-filter.gm-style-default a.gm-active {
	color: var(--wd-primary-color, #ff6600);
	font-weight: 600;
}

/* ---- فیلتر قیمت ---- */
.gm-price-filter {
	direction: rtl;
	font-size: 14px;
}

.gm-price-slider {
	margin: 20px 5px 15px;
	height: 6px;
}

.gm-price-filter .noUi-connect {
	background: var(--wd-primary-color, #ff6600);
}

.gm-price-filter .noUi-horizontal .noUi-handle {
	width: 18px;
	height: 18px;
	top: -7px;
	border-radius: 50%;
	cursor: grab;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

.gm-price-filter .noUi-handle::before,
.gm-price-filter .noUi-handle::after {
	display: none;
}

.gm-price-labels {
	display: flex;
	justify-content: space-between;
	margin-bottom: 12px;
}

.gm-price-actions {
	display: flex;
	align-items: center;
	gap: 10px;
}

.gm-apply-price-filter {
	cursor: pointer;
}

.gm-reset-price-filter {
	font-size: 13px;
	opacity: 0.75;
}

.gm-reset-price-filter:hover {
	opacity: 1;
}