/**
 * Product Filter — Style 3 (Pills).
 *
 * Options render as wrapped pill chips that highlight when selected (uses :has()
 * where supported; degrades gracefully to standard rows otherwise).
 *
 * @package captain-widgets-kit
 * @since   1.3.0
 */

.captwiki-filter.captwiki-style-3 .captwiki-filter__options {
	flex-direction: row;
	flex-wrap: wrap;
	max-height: none;
}

.captwiki-filter.captwiki-style-3 .captwiki-filter__option {
	padding: 6px 14px;
	border: 1px solid #d1d5db;
	border-radius: 999px;
	transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.captwiki-filter.captwiki-style-3 .captwiki-filter__opt-count {
	margin-left: 4px;
}

.captwiki-filter.captwiki-style-3 .captwiki-filter__option:has( input:checked ) {
	border-color: var( --captwiki-filter-accent );
	background: var( --captwiki-filter-accent );
	color: #fff;
}

.captwiki-filter.captwiki-style-3 .captwiki-filter__option:has( input:checked ) .captwiki-filter__opt-count {
	opacity: 0.85;
}

/* Price + actions keep their column layout. */
.captwiki-filter.captwiki-style-3 .captwiki-filter__section--price .captwiki-filter__price-row {
	flex-wrap: nowrap;
}
