/* ISSA VZ filter 0.1.0 */
.rey-filterSidebar {
	--issa-f-ink: #121212;
	--issa-f-muted: #6f685f;
	--issa-f-line: #e1dbd4;
}

/* Section titles */
.rey-filterSidebar .widget-title {
	margin-bottom: 0 !important;
	padding: 14px 0 12px !important;
	border-bottom: 1px solid var(--issa-f-line) !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	letter-spacing: 0.2em !important;
	line-height: 1.4 !important;
	text-transform: uppercase !important;
	color: var(--issa-f-ink) !important;
}
.rey-filterSidebar .widget-title::after {
	display: none !important;
}
.rey-filterSidebar .widget-title svg {
	width: 9px !important;
	height: 9px !important;
}
.rey-filterSidebar section.widget {
	margin-bottom: 18px !important;
}

/* Options */
.rey-filterSidebar .reyajfilter-layered-nav {
	padding-top: 12px !important;
}
.rey-filterSidebar .reyajfilter-layered-nav ul {
	margin: 0 !important;
	padding: 0 !important;
}
.rey-filterSidebar .reyajfilter-layered-nav li {
	margin: 0 !important;
}
.rey-filterSidebar .reyajfilter-layered-nav li a {
	display: flex !important;
	align-items: center;
	gap: 10px;
	padding: 6px 0 !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	letter-spacing: 0 !important;
	color: var(--issa-f-muted) !important;
	transition: color 0.15s;
}
.rey-filterSidebar .reyajfilter-layered-nav li a:hover,
.rey-filterSidebar .reyajfilter-layered-nav li.chosen a {
	color: var(--issa-f-ink) !important;
}
.rey-filterSidebar .reyajfilter-layered-nav li.chosen a {
	font-weight: 500 !important;
}
.rey-filterSidebar .__checkbox {
	position: relative !important;
	flex: none;
	width: 15px !important;
	height: 15px !important;
	margin: 0 !important;
	border: 1px solid #a79f95 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	transition: border-color 0.15s, background-color 0.15s;
}
.rey-filterSidebar .__checkbox::before {
	display: none !important;
}
.rey-filterSidebar .__checkbox::after {
	content: "" !important;
	display: none !important;
	position: absolute !important;
	top: 1px !important;
	left: 4px !important;
	width: 5px !important;
	height: 9px !important;
	margin: 0 !important;
	border: solid #fff !important;
	border-width: 0 1.5px 1.5px 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	transform: rotate(45deg) !important;
}
.rey-filterSidebar li a:hover .__checkbox {
	border-color: var(--issa-f-ink) !important;
}
.rey-filterSidebar li.chosen .__checkbox,
.rey-filterSidebar li a.--active .__checkbox,
.rey-filterSidebar li a.chosen .__checkbox {
	border-color: var(--issa-f-ink) !important;
	background: var(--issa-f-ink) !important;
}
.rey-filterSidebar li.chosen .__checkbox::after,
.rey-filterSidebar li a.--active .__checkbox::after,
.rey-filterSidebar li a.chosen .__checkbox::after {
	display: block !important;
}

/* Price on one line */
.rey-filterSidebar .reyajfilter-rangePoints-listItem {
	flex-wrap: nowrap !important;
	white-space: nowrap;
	gap: 4px !important;
}
.rey-filterSidebar .reyajfilter-rangePoints-listItem .__checkbox {
	margin-right: 6px !important;
}
.rey-filterSidebar .reyajfilter-rangePoints-listItem .__min,
.rey-filterSidebar .reyajfilter-rangePoints-listItem .__to,
.rey-filterSidebar .reyajfilter-rangePoints-listItem .__max {
	display: inline !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 13px !important;
}

/* Colors with names */
.rey-filterSidebar .rey-filterList--color ul {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2px 10px;
}
.rey-filterSidebar .rey-filterList--color ul li {
	width: auto !important;
	min-width: 0 !important;
}
.rey-filterSidebar .rey-filterList.rey-filterList--color ul li a {
	flex-direction: row-reverse;
	justify-content: flex-end;
	width: auto !important;
	min-width: 0 !important;
	height: auto !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
}
.rey-filterSidebar .rey-filterList--color ul li,
.rey-filterSidebar .rey-filterList--color ul li:hover,
.rey-filterSidebar .rey-filterList--color ul li.chosen {
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}
.rey-filterSidebar .rey-filterList--color ul li a,
.rey-filterSidebar .rey-filterList--color ul li a:hover,
.rey-filterSidebar .rey-filterList--color ul li.chosen a {
	outline: 0 !important;
	box-shadow: none !important;
}
.rey-filterSidebar .rey-filterList--color ul li::before,
.rey-filterSidebar .rey-filterList--color ul li::after,
.rey-filterSidebar .rey-filterList--color ul li a::before,
.rey-filterSidebar .rey-filterList--color ul li a::after {
	display: none !important;
}
.rey-filterSidebar .rey-filterList--color .__name {
	position: static !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	clip: auto !important;
	overflow: visible !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	opacity: 1 !important;
	color: inherit !important;
}
.rey-filterSidebar .rey-filterList--color .__swatch {
	position: static !important;
	flex: none;
	display: block !important;
	width: 16px !important;
	height: 16px !important;
	margin: 0 !important;
	border: 1px solid rgba(18, 18, 18, 0.18) !important;
	border-radius: 50% !important;
	box-shadow: none !important;
	transform: none !important;
}
.rey-filterSidebar .rey-filterList--color li.chosen .__swatch {
	outline: 1px solid var(--issa-f-ink);
	outline-offset: 2px;
}
.__swatch[data-slug="black"] { background: #121212 !important; }
.__swatch[data-slug="white"] { background: #f7f5f1 !important; }
.__swatch[data-slug="cream"] { background: #efe6d6 !important; }
.__swatch[data-slug="brown"] { background: #6f4e37 !important; }
.__swatch[data-slug="grey"] { background: #9a958e !important; }
.__swatch[data-slug="yellow"] { background: #d9b44a !important; }
.__swatch[data-slug="green"] { background: #6b7a5a !important; }
.__swatch[data-slug="blue"] { background: #5c7594 !important; }
.__swatch[data-slug="pink"] { background: #d9a8a8 !important; }
.__swatch[data-slug="red"] { background: #8c2f39 !important; }
.__swatch[data-slug="purple"] { background: #6f5a7d !important; }
.__swatch[data-slug="gold"] { background: #b8924b !important; }

/* The theme's active-filter list is replaced by chips above the catalog */
.rey-filterSidebar .widget_reyajfilter-active-filters {
	display: none !important;
}

/* Active filter chips */
.issa-active-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0 0 18px;
}
.issa-active-filters button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 32px;
	padding: 4px 10px;
	border: 1px solid #e1dbd4;
	border-radius: 0;
	background: transparent;
	font-size: 12px;
	line-height: 1.3;
	color: #121212;
	cursor: pointer;
	transition: border-color 0.15s;
}
.issa-active-filters button:hover,
.issa-active-filters button:focus-visible {
	border-color: #121212;
}
.issa-active-filters button span {
	font-size: 14px;
	line-height: 1;
	color: #6f685f;
}
.issa-active-filters .issa-clear {
	border: 0;
	padding: 4px 2px;
	text-decoration: underline;
	color: #6f685f;
}

/* Mobile panel */
.rey-filterSidebar .issa-filter-done {
	display: none !important;
}
.rey-filterPanel__reset.issa-hide {
	visibility: hidden !important;
}
@media (max-width: 1024px) {
	.rey-filterSidebar.--is-open {
		padding-bottom: 76px !important;
	}
	.rey-filterSidebar.--is-open .issa-filter-done {
		position: fixed;
		right: 0;
		bottom: 0;
		z-index: 10;
		display: block !important;
		width: 100%;
		max-width: inherit;
		height: 52px;
		margin: 0;
		border: 0;
		border-radius: 0;
		background: #121212;
		font-size: 11px;
		font-weight: 500;
		letter-spacing: 0.14em;
		text-transform: uppercase;
		color: #fff;
		cursor: pointer;
	}
	.rey-filterSidebar .reyajfilter-layered-nav li a {
		min-height: 40px;
		padding: 8px 0 !important;
		font-size: 14px !important;
	}
	body:has(.rey-filterSidebar.--is-open) #wa,
	body:has(.rey-filterSidebar.--is-open) .wa__widget_container,
	body:has(.rey-filterSidebar.--is-open) [class*="issa-voucher-launcher"] {
		display: none !important;
	}
	.rey-filterBtn,
	.rey-filterBtn * {
		color: #121212 !important;
	}
	.rey-filterBtn svg {
		fill: currentColor;
	}
}