/**
 * Sidebar Collapse – Einklappbare Filter-Widgets
 *
 * Erstes Widget offen, alle weiteren eingeklappt.
 * Toggle per Klick auf den Shortcode-Titel (.ww-*box-title).
 */

/* ── Toggle-Indicator (Chevron) ───────────────────────────────────── */

.porto-woo-category-sidebar .ww-collapsible {
	cursor: pointer;
	position: relative;
	padding-right: 30px;
	-webkit-user-select: none;
	user-select: none;
}

.porto-woo-category-sidebar .ww-collapsible::after {
	content: '';
	position: absolute;
	right: 4px;
	top: 50%;
	width: 8px;
	height: 8px;
	border-right: 2px solid #777;
	border-bottom: 2px solid #777;
	transform: translate(0, -65%) rotate(45deg);
	transition: transform 0.2s ease;
}

.porto-woo-category-sidebar .ww-collapsed > .ww-collapsible::after {
	transform: translate(0, -35%) rotate(-45deg);
}

/* ── Collapsed Content ────────────────────────────────────────────── */
/* Alles nach dem Titel im Wrap-Container ausblenden.                 */

.porto-woo-category-sidebar .ww-collapsed > .ww-collapsible ~ * {
	display: none;
}