/**
 * Product Filter — common widget CSS.
 *
 * @package captain-widgets-kit
 * @since   1.3.0
 */

.captwiki-filter {
	--captwiki-filter-accent: #2563eb;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.captwiki-filter__section {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.captwiki-filter__title {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
}

.captwiki-filter__options {
	display: flex;
	flex-direction: column;
	gap: 8px;
	max-height: 220px;
	overflow-y: auto;
}

.captwiki-filter__option {
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	font-size: 14px;
	line-height: 1.3;
}

.captwiki-filter__option input {
	accent-color: var( --captwiki-filter-accent );
	margin: 0;
	cursor: pointer;
}

.captwiki-filter__opt-count {
	margin-left: auto;
	font-size: 12px;
	opacity: 0.55;
}

/* Price inputs. */
.captwiki-filter__price-row {
	display: flex;
	align-items: center;
	gap: 8px;
}

.captwiki-filter__price {
	width: 100%;
	min-width: 0;
	padding: 8px 10px;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	font-size: 14px;
}

.captwiki-filter__price-sep {
	opacity: 0.6;
}

/* Star rating rows. */
.captwiki-filter__stars {
	display: inline-flex;
	gap: 1px;
	font-size: 15px;
	line-height: 1;
	color: #d1d5db;
}

.captwiki-filter__star.is-filled {
	color: #f59e0b;
}

/* Actions. */
.captwiki-filter__actions {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
}

.captwiki-filter__apply {
	border: none;
	cursor: pointer;
	padding: 11px 22px;
	border-radius: 6px;
	background: var( --captwiki-filter-accent );
	color: #fff;
	font-weight: 600;
	transition: filter 0.2s ease, background-color 0.2s ease;
}

.captwiki-filter__apply:hover {
	filter: brightness( 0.95 );
}

.captwiki-filter__reset {
	color: inherit;
	opacity: 0.7;
	text-decoration: underline;
	font-size: 14px;
}

.captwiki-filter__reset:hover {
	opacity: 1;
}

/* Editor notice. */
.captwiki-filter--notice {
	display: block;
	padding: 16px 18px;
	border: 1px dashed #c3c4c7;
	border-radius: 6px;
	background: #f6f7f7;
	color: #50575e;
	text-align: center;
	font-size: 13px;
}

.captwiki-filter--notice p {
	margin: 0;
}
