/**
 * Filter Style Variants
 *
 * Each style adds a class on the filter container:
 *   .awf-style-minimal, .awf-style-rounded, .awf-style-bold, .awf-style-theme
 *
 * "Match Theme" (.awf-style-theme) uses CSS custom properties that are
 * injected via wp_add_inline_style() in class-awf-frontend.php.
 *
 * @package Advanced_Woo_Filters
 * @since   1.0.0
 */

/* ===================================================================
   STYLE: MINIMAL  (.awf-style-minimal)
   Thin 1px borders, light grey, lots of whitespace, small text.
   =================================================================== */
.awf-filters-widget.awf-style-minimal {
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	padding: 20px 15px;
	background: #fff;
}

.awf-style-minimal .awf-filter-group {
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 16px;
	margin-bottom: 16px;
}

.awf-style-minimal .awf-filter-group:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.awf-style-minimal .awf-filter-heading {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #888;
	margin-bottom: 10px;
}

.awf-style-minimal .awf-filter-option {
	font-size: 13px;
	padding: 3px 10px;
	color: #555;
}

.awf-style-minimal .awf-filter-count {
	color: #aaa;
	font-size: 11px;
}

.awf-style-minimal .awf-filters-title {
	font-size: 13px;
	font-weight: 600;
	color: #666;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.awf-style-minimal .awf-clear-filters {
	font-size: 11px;
	color: #999;
}

/* ===================================================================
   STYLE: ROUNDED  (.awf-style-rounded)
   Pill-shaped (border-radius: 20px), soft shadows, pastel accents.
   =================================================================== */
.awf-filters-widget.awf-style-rounded {
	border: none;
	border-radius: 16px;
	padding: 24px 18px;
	background: #fafbfc;
	box-shadow: 0 2px 8px rgba( 0, 0, 0, 0.06 );
}

.awf-style-rounded .awf-filter-group {
	background: #fff;
	border-radius: 12px;
	padding: 16px;
	margin-bottom: 12px;
	box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.04 );
}

.awf-style-rounded .awf-filter-heading {
	font-size: 13px;
	font-weight: 600;
	color: #3c434a;
	margin-bottom: 10px;
}

.awf-style-rounded .awf-filter-option {
	font-size: 13px;
	padding: 4px 12px;
	border-radius: 20px;
	margin: 2px 0;
	transition: background 0.15s ease;
}

.awf-style-rounded .awf-filter-option:hover {
	background: #f0f6fc;
}

.awf-style-rounded .awf-filter-count {
	color: #a7aaad;
	font-size: 11px;
}

.awf-style-rounded .awf-filters-title {
	font-size: 15px;
	font-weight: 600;
	color: #2c3338;
}

.awf-style-rounded .awf-clear-filters {
	border-radius: 20px;
	padding: 4px 12px;
	background: #f0f0f1;
	border: none;
	font-size: 12px;
	color: #50575e;
	cursor: pointer;
}

.awf-style-rounded .awf-clear-filters:hover {
	background: #e0e0e0;
}

.awf-style-rounded input[type="checkbox"],
.awf-style-rounded input[type="radio"] {
	border-radius: 20px;
}

/* ===================================================================
   STYLE: BOLD  (.awf-style-bold)
   Thick borders, solid colours, larger text, high contrast.
   =================================================================== */
.awf-filters-widget.awf-style-bold {
	border: 3px solid #1d2327;
	border-radius: 2px;
	padding: 20px 15px;
	background: #fff;
}

.awf-style-bold .awf-filter-group {
	border-bottom: 2px solid #1d2327;
	padding-bottom: 16px;
	margin-bottom: 16px;
}

.awf-style-bold .awf-filter-group:last-child {
	border-bottom: none;
}

.awf-style-bold .awf-filter-heading {
	font-size: 15px;
	font-weight: 700;
	color: #1d2327;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.awf-style-bold .awf-filter-option {
	font-size: 14px;
	font-weight: 500;
	padding: 5px 10px;
	color: #1d2327;
}

.awf-style-bold .awf-filter-count {
	font-weight: 700;
	color: #1d2327;
}

.awf-style-bold .awf-filters-title {
	font-size: 18px;
	font-weight: 800;
	text-transform: uppercase;
	color: #1d2327;
}

.awf-style-bold .awf-clear-filters {
	font-weight: 700;
	font-size: 13px;
	color: #d63638;
	text-transform: uppercase;
}

.awf-style-bold input[type="checkbox"] {
	border: 2px solid #1d2327;
}

.awf-style-bold input[type="checkbox"]:checked {
	background-color: #1d2327;
	border-color: #1d2327;
}

/* ===================================================================
   STYLE: MATCH THEME  (.awf-style-theme)
   Uses CSS custom properties injected from the active theme.
   =================================================================== */
.awf-filters-widget.awf-style-theme {
	border: 1px solid var( --awf-theme-border, #dcdcde );
	border-radius: var( --awf-theme-radius, 4px );
	padding: 20px 15px;
	background: var( --awf-theme-bg, #fff );
	font-family: var( --awf-theme-font, inherit );
}

.awf-style-theme .awf-filter-heading {
	font-family: var( --awf-theme-heading-font, inherit );
	color: var( --awf-theme-text, #1d2327 );
}

.awf-style-theme .awf-filters-title {
	color: var( --awf-theme-text, #1d2327 );
	font-family: var( --awf-theme-heading-font, inherit );
}

.awf-style-theme .awf-clear-filters {
	color: var( --awf-theme-primary, #2271b1 );
}

.awf-style-theme .awf-filter-option:hover {
	background: var( --awf-theme-hover, #f0f6fc );
}

.awf-style-theme input[type="checkbox"]:checked {
	background-color: var( --awf-theme-primary, #2271b1 );
	border-color: var( --awf-theme-primary, #2271b1 );
}

.awf-style-theme .awf-filter-count {
	color: var( --awf-theme-muted, #646970 );
}