/**
 * Nexus ERP — collapsible shop filters.
 *
 * Styling for the panels created by product-filters.js. Scoped to the
 * .nexus-filter class the script adds, so it never touches other widgets.
 *
 * @package NexusErp
 */

.nexus-filter .nexus-filter-toggle {
	cursor: pointer;
	position: relative;
	padding-right: 1.5em;
	-webkit-user-select: none;
	user-select: none;
}

/* Chevron indicator. */
.nexus-filter .nexus-filter-toggle::after {
	content: "";
	position: absolute;
	right: 0.25em;
	top: 0.35em;
	width: 0.5em;
	height: 0.5em;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform 0.2s ease;
	opacity: 0.65;
}

.nexus-filter.nexus-filter-collapsed .nexus-filter-toggle::after {
	transform: rotate(-45deg);
}

.nexus-filter .nexus-filter-toggle:hover::after {
	opacity: 1;
}

/* Collapsed body. */
.nexus-filter-body {
	overflow: hidden;
}

.nexus-filter.nexus-filter-collapsed > .nexus-filter-body {
	display: none;
}

/* Keep keyboard focus visible on the toggle. */
.nexus-filter .nexus-filter-toggle:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}