/* Desktop shop sidebar: indent and accordion for Product Categories block. */

/* Critical product-loop layout if WoodMart part CSS loads after the grid. */
.woocommerce .products.wd-products.wd-grid-g > .wd-product {
	min-width: 0;
}

.woocommerce .wd-product .product-image-link {
	position: relative;
	display: block;
}

.woocommerce .wd-product .product-element-top {
	position: relative;
	overflow: hidden;
}

.woocommerce .wd-product:not(.wd-hover-small) :is(.product-image-link, .hover-img) img {
	width: 100%;
}

.woocommerce .wd-product .hover-img {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
}

/* WoodMart fade hover: white backdrop must cover the fade-in description/actions block. */
@media (min-width: 1025px) {
	.woocommerce .wd-hover-with-fade.hover-ready .content-product-imagin {
		bottom: -15px;
	}

	.woocommerce .wd-hover-with-fade.hover-ready:is(:hover, .state-hover) .content-product-imagin {
		padding-bottom: 6px;
	}
}

@media (min-width: 769px) {
	.wd-sidebar .wp-block-woocommerce-product-categories .wc-block-product-categories-list {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.wd-sidebar .wp-block-woocommerce-product-categories .wc-block-product-categories-list-item {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin: 0;
	}

	.wd-sidebar .wp-block-woocommerce-product-categories .wc-block-product-categories-list-item > a {
		flex: 1 1 auto;
		padding: 9px 34px 9px 0;
		color: var(--color-gray-700);
		line-height: 1.35;
	}

	.wd-sidebar .wp-block-woocommerce-product-categories .wc-block-product-categories-list-item > a:hover {
		color: var(--wd-primary-color);
	}

	.wd-sidebar .wp-block-woocommerce-product-categories .wc-block-product-categories-list-item-count {
		margin-right: 34px;
		color: var(--color-gray-400);
		font-size: 12px;
	}

	.wd-sidebar .wp-block-woocommerce-product-categories .wc-block-product-categories-list--depth-1 {
		display: none;
		flex: 0 0 100%;
		margin: 0;
		padding: 0 0 4px 17px;
		border-left: 1px solid var(--brdcolor-gray-300);
	}

	.wd-sidebar .wp-block-woocommerce-product-categories .ds-wc-cat-open > .wc-block-product-categories-list--depth-1 {
		display: block;
	}

	.wd-sidebar .wp-block-woocommerce-product-categories .wc-block-product-categories-list--depth-1 > .wc-block-product-categories-list-item > a {
		padding-block: 7px;
		font-size: 13px;
	}

	.ds-wc-cat-toggle {
		position: absolute;
		top: 7px;
		right: 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		min-width: 22px;
		width: 22px;
		min-height: 22px;
		height: 22px;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 50%;
		background: transparent;
		color: var(--color-gray-400);
		cursor: pointer;
		line-height: 1;
		transition: color .2s ease, background-color .2s ease;
	}

	.ds-wc-cat-toggle::before {
		content: '+';
		font-size: 17px;
		font-weight: 400;
		line-height: 1;
	}

	.ds-wc-cat-toggle:hover,
	.ds-wc-cat-toggle[aria-expanded="true"] {
		background: var(--bgcolor-gray-300);
		color: var(--color-gray-800);
	}

	.ds-wc-cat-toggle[aria-expanded="true"]::before {
		content: '−';
	}
}