/**
 * Visual hierarchy for native WooCommerce Product Filter category checkboxes.
 */

:root {
	--r1zen-category-indent: 20px;
}

.wc-block-product-filter-checkbox-list__item.r1zen-category-item,
.wc-block-product-filter-checkbox-list__items > .r1zen-category-item,
.wc-block-product-filter-checkbox-list li.r1zen-category-item,
li.r1zen-category-item {
	padding-inline-start: calc(
		var( --r1zen-category-depth, 0 ) * var( --r1zen-category-indent, 20px )
	);
}

/* Native WooCommerce depth-* classes (WC ≈ 10.2+) when our JS has not marked the item. */
.wc-block-product-filter-checkbox-list__item.depth-1:not( .r1zen-category-item ),
.wc-block-product-filter-checkbox-list__item.depth-2:not( .r1zen-category-item ),
.wc-block-product-filter-checkbox-list__item.depth-3:not( .r1zen-category-item ),
.wc-block-product-filter-checkbox-list__item.depth-4:not( .r1zen-category-item ),
.wc-block-product-filter-checkbox-list__item.depth-5:not( .r1zen-category-item ) {
	padding-inline-start: calc(
		var( --r1zen-category-depth, 0 ) * var( --r1zen-category-indent, 20px )
	);
}

.wc-block-product-filter-checkbox-list__item.depth-1:not( .r1zen-category-item ) {
	--r1zen-category-depth: 1;
}

.wc-block-product-filter-checkbox-list__item.depth-2:not( .r1zen-category-item ) {
	--r1zen-category-depth: 2;
}

.wc-block-product-filter-checkbox-list__item.depth-3:not( .r1zen-category-item ) {
	--r1zen-category-depth: 3;
}

.wc-block-product-filter-checkbox-list__item.depth-4:not( .r1zen-category-item ) {
	--r1zen-category-depth: 4;
}

.wc-block-product-filter-checkbox-list__item.depth-5:not( .r1zen-category-item ) {
	--r1zen-category-depth: 5;
}