/* Car Solution Filters - base styles (colors/spacing override Elementor Style tab se) */

.csf-search-wrapper,
.csf-filter-wrapper {
	width: 100%;
	box-sizing: border-box;
}

.csf-heading {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 16px;
}

.csf-heading i,
.csf-heading svg {
	font-size: 16px;
	width: 16px;
	height: 16px;
}

.csf-search-input-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	box-sizing: border-box;
	transition: box-shadow 0.2s ease;
}

.csf-search-input-wrap i,
.csf-search-input-wrap svg {
	font-size: 16px;
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

.csf-search-input {
	flex: 1;
	border: none;
	outline: none;
	background: transparent;
	width: 100%;
	font-size: inherit;
}

.csf-filter-list {
	display: flex;
	flex-direction: column;
}

.csf-filter-item {
	cursor: pointer;
	user-select: none;
	transition: color 0.2s ease, background-color 0.2s ease;
	padding: 6px 10px;
	border-radius: 6px;
	width: fit-content;
}

.csf-filter-item.csf-active {
	font-weight: 600;
}

/* Elementor Loop Grid item hidden state jab filter/search match na kare */
.csf-hidden-item {
	display: none !important;
}