/*
 * WBW Product Filter (woo-product-filter 3.4.x + woofilter-pro 3.4.x)
 *
 * Every rule here either restores something base 3.4.x dropped or fixes
 * a base-CSS override that blocks a Design-tab setting. Nothing here sets
 * a value that is editable in Product Filter → Filters → Design; those
 * settings keep working and layer on top of this file.
 */

/* 1. Checkbox box.
 * Base 3.4.x removed the rule that draws the checkbox on
 * `.wpfCheckbox label::before`, but Pro's Design-tab generator
 * (Checkbox type = round/square/circle) still hides the native <input>
 * and styles that pseudo-element. Without this the checkbox is invisible.
 * Border colour, radius, size, checked colour and mark colour all still
 * come from the Design tab. */
.wpfFilterWrapper .wpfCheckbox label::before {
	display: table-cell !important;
	position: absolute !important;
	text-align: center !important;
	vertical-align: middle !important;
	transform: inherit !important;
	left: 0 !important;
	top: 0 !important;
	margin: 0 !important;
	height: 100% !important;
	width: 100% !important;
	font-size: 8px !important;
	background-color: #fff !important;
	border: 1px solid #ccc !important;
	color: #444 !important;
}

/* 2. Gap between the checkbox and its label text.
 * Base 3.4.x dropped the input margin that provided this. No Design-tab
 * setting controls it. */
.wpfFilterWrapper .wpfCheckbox {
	margin-right: 8px !important;
}

/* 3. Let the Design-tab font size / colour reach the option labels.
 * Base 3.4.x hard-codes 13px / #64808e on `.wpfFilterContent span`, which
 * beats the value set on the wrapper by the Design tab. Inherit instead
 * so whatever is set in the dashboard flows through. */
.wpfFilterWrapper .wpfFilterVerScroll,
.wpfFilterWrapper .wpfFilterContent span {
	font-size: inherit !important;
	color: inherit !important;
}

/* 4. No left indent on the top-level option list.
 * No Design-tab setting controls this (block padding applies to the whole
 * filter wrapper, not the list). Nested lists keep their indent. */
.wpfFilterWrapper ul.wpfFilterVerScroll {
	padding-left: 0 !important;
}