/*
 * Verena — Sidebar Filter Set (vrn-filters)
 * Restyles Woodmart/WooCommerce filter widgets to match the retired
 * WBW Product Filter look: #f3f8f2 green blocks, #1c5c42 titles,
 * 13px #64808e values, #303030 circular checkboxes,
 * #484270 flat price slider, #eeee22 rating stars.
 */

/* Block shells ------------------------------------------------------------- */
.vrn-filters .widget {
	background-color: #f3f8f2;
	padding: 25px 25px 20px 25px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	border-bottom: none;
	border-radius: 0;
	box-shadow: none;
}

.vrn-filters .widget-title {
	margin-bottom: 5px;
	padding: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	color: #1c5c42;
	text-transform: capitalize;
}

.vrn-filters .wd-widget-collapse .widget-title::after {
	top: calc(50% - 10px);
	width: 20px;
	height: 20px;
	font-size: 11px;
	color: #1c5c42;
}

.vrn-filters .wd-widget-collapse.wd-opened .widget-title::after {
	background-color: #e2eee7;
}

/* Value lists -------------------------------------------------------------- */
.vrn-filters ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.vrn-filters li {
	margin: 0 0 5px;
	padding: 0;
}

.vrn-filters li::before {
	display: none;
}

.vrn-filters .wd-filter-lable,
.vrn-filters .layer-term-lable,
.vrn-filters .woocommerce-widget-layered-nav-list a,
.vrn-filters .product-categories a {
	font-size: 13px;
	font-weight: 400;
	color: #64808e;
}

.vrn-filters li.wd-active > a {
	font-weight: 700;
	color: #303030;
}

/* WBW showed no product counts */
.vrn-filters .count {
	display: none !important;
}

/* Hide Accessories from the category filter (EN cat-item-20, AR cat-item-358) */
.vrn-filters .vrn-fw-categories .cat-item-20,
.vrn-filters .vrn-fw-categories .cat-item-358 {
	display: none !important;
}

/* WBW showed plain text labels, never swatch chips */
.vrn-filters .wd-swatch-wrap .wd-swatch {
	display: none !important;
}

/* Checkboxes — circular 18px, #303030 checked ------------------------------ */
.vrn-filters .wd-checkboxes-on li > a::before {
	width: 18px;
	height: 18px;
	margin-inline-end: 10px;
	border: 1px solid #6d6d6d;
	border-radius: 50%;
	font-size: 12px;
	background-color: transparent;
	transition: all 0.2s ease;
}

.vrn-filters .wd-checkboxes-on li > a:hover::before {
	border-color: #1c5c42;
}

.vrn-filters .wd-checkboxes-on li.wd-active > a::before {
	background-color: #303030;
	border-color: #303030;
	color: #fff;
}

/* Per-block scroll heights (WBW max-heights) -------------------------------- */
.vrn-filters .wd-scroll {
	max-height: 223px;
	overflow-y: auto;
	scrollbar-width: thin;
}

.vrn-filters .wd-scroll::-webkit-scrollbar {
	width: 1px;
}

.vrn-fw-categories .wd-scroll {
	max-height: 500px;
}

.vrn-fw-brand .wd-scroll,
.vrn-fw-hair-types .wd-scroll,
.vrn-fw-fragrance-families .wd-scroll,
.vrn-fw-weight .wd-scroll {
	max-height: 200px;
}

.vrn-fw-skin-types .wd-scroll,
.vrn-fw-size .wd-scroll,
.vrn-fw-ingredients .wd-scroll,
.vrn-fw-concern .wd-scroll {
	max-height: 400px;
}

.vrn-fw-texture .wd-scroll {
	max-height: 600px;
}

.vrn-fw-effective-notes .wd-scroll {
	max-height: 400px;
}

.vrn-fw-effective-range .wd-scroll,
.vrn-fw-burning-time .wd-scroll,
.vrn-fw-diffuse-time .wd-scroll,
.vrn-fw-age-range .wd-scroll,
.vrn-fw-material-type-free .wd-scroll,
.vrn-fw-gender .wd-scroll {
	max-height: 200px;
}

/* Two-column blocks keep their columns inside the scroll area */
.vrn-filters .wd-layout-double {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.vrn-filters .wd-layout-double > li {
	width: 50%;
	padding-inline-end: 10px;
}

/* Price slider — WBW flat skin #484270 ------------------------------------- */
.vrn-filters .widget_price_filter .ui-slider-horizontal {
	height: 12px;
}

.vrn-filters .widget_price_filter .ui-slider-horizontal::before {
	height: 2px;
	background-color: #d7ded9;
}

.vrn-filters .widget_price_filter .ui-slider .ui-slider-range {
	background-color: #484270;
}

.vrn-filters .widget_price_filter .ui-slider .ui-slider-handle {
	border: 2px solid #484270;
	background-color: #ffffff;
}

.vrn-filters .widget_price_filter .ui-slider .ui-slider-handle:hover,
.vrn-filters .widget_price_filter .ui-slider .ui-slider-handle:focus {
	border-color: #201a48;
}

.vrn-filters .widget_price_filter .price_slider {
	margin-bottom: 15px;
}

.vrn-filters .widget_price_filter .price_slider_amount {
	justify-content: space-between;
}

.vrn-filters .widget_price_filter .price_label {
	color: #64808e;
	font-size: 13px;
}

.vrn-filters .widget_price_filter .price_label > span {
	color: #484270;
	font-weight: 700;
}

.vrn-filters .widget_price_filter .price_slider_amount .button {
	min-height: 40px;
	padding: 5px 14px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 4px;
	color: #64808e;
	box-shadow: none;
	background-color: #f0f0f0;
}

.vrn-filters .widget_price_filter .price_slider_amount .button:hover {
	color: #1c5c42;
	background-color: #e6e6e6;
}

/* Rating — WBW linestars #eeee22 -------------------------------------------- */
.vrn-filters .woocommerce-widget-rating-filter .star-rating {
	color: #eeee22;
	font-size: 20px;
}

.vrn-filters .woocommerce-widget-rating-filter .star-rating::before,
.vrn-filters .woocommerce-widget-rating-filter .star-rating > span::before {
	color: #eeeeee;
}

.vrn-filters .woocommerce-widget-rating-filter .star-rating > span::before {
	color: #eeee22;
}

.vrn-filters .woocommerce-widget-rating-filter .woocommerce-widget-layered-nav-list__item a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}