.ibp-custom-filter-pill {
	margin-left: 10px;
	padding: 4px 10px;
	border: 1px solid #dcdcdc;
	border-radius: 999px;
	background: #f7f7f7;
	color: #333;
	cursor: pointer;
	font-size: 12px;
	line-height: 1;
}

.sort-by.ibp-custom-filter-toolbar {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	flex-wrap: wrap;
}

.sort-by.ibp-custom-filter-toolbar .sort-by-select {
	margin-left: auto;
}

.ibp-custom-filter-toolbar__pills {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	min-height: 36px;
	margin-right: 6px;
}

.ibp-custom-filter-toolbar__pills .ibp-custom-filter-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 0;
	min-height: 28px;
}

.ibp-custom-filter-pill.is-active {
	border-color: var(--ibp-custom-pill-active-bg, #4ba3f2);
	background: var(--ibp-custom-pill-active-bg, #4ba3f2);
	color: var(--ibp-custom-pill-active-text, #fff);
}

.ibp-custom-clear-filters-pill {
	display: inline-flex;
	--ibp-custom-pill-active-bg: #e74c3c;
	--ibp-custom-pill-active-text: #fff;
	border-color: #dcdcdc;
	background: #f7f7f7;
	color: #777;
	font-weight: 700;
}

.ibp-custom-clear-filters-pill.is-visible {
	display: inline-flex;
}

.ibp-custom-clear-filters-pill:disabled {
	cursor: default;
	opacity: 1;
}

.ibp-custom-clear-filters-pill.is-active {
	border-color: var(--ibp-custom-pill-active-bg);
	background: var(--ibp-custom-pill-active-bg);
	color: var(--ibp-custom-pill-active-text);
	cursor: pointer;
}

.ibp-custom-clear-filters-pill.is-active:hover,
.ibp-custom-clear-filters-pill.is-active:focus {
	border-color: var(--ibp-custom-pill-active-bg);
	background: var(--ibp-custom-pill-active-bg);
	color: var(--ibp-custom-pill-active-text);
}

.ibp-custom-clear-filters-pill.is-active:focus-visible {
	box-shadow: 0 0 0 2px rgba(231, 76, 60, 0.28);
}

.ibp-custom-filter-pill:focus-visible {
	outline: 0;
	box-shadow: 0 0 0 2px rgba(75, 163, 242, 0.32);
}

#listeo_core-search-form input.ibp-custom-filter-field--active:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
#listeo_core-search-form textarea.ibp-custom-filter-field--active,
#listeo_core-search-form select.ibp-custom-filter-field--active,
.ibp-custom-filter-field--active.menu-toggle,
.ibp-custom-filter-field--active .menu-toggle,
.ibp-custom-filter-field--active .select2-selection__rendered,
.ibp-custom-filter-field--active.chosen-container-single .chosen-single span,
.ibp-custom-filter-field--active .filter-option-inner-inner {
	color: #1687b7;
	font-weight: 700;
}

#listeo_core-search-form input.ibp-custom-filter-field--active:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
#listeo_core-search-form textarea.ibp-custom-filter-field--active,
.ibp-custom-filter-field--active .select2-selection,
.ibp-custom-filter-field--active.chosen-container-single .chosen-single,
.ibp-custom-filter-field--active .dropdown-toggle,
.ibp-custom-filter-field--active.menu-toggle {
	border-color: rgba(83, 197, 251, 0.72);
	background-color: rgba(83, 197, 251, 0.08);
}

#listeo_core-search-form input.ibp-custom-filter-field--active::placeholder,
#listeo_core-search-form textarea.ibp-custom-filter-field--active::placeholder {
	color: rgba(22, 135, 183, 0.72);
}

/*
 * Listeo renders this drilldown directly inside the grid row instead of
 * wrapping it in col-fs-12. Mirror that native column without changing the row.
 */
.listeo-form-search_on_half_map .split-top-inputs > #listeo-drilldown-listing-types {
	float: left;
	width: 100%;
	margin-bottom: 18px;
	padding-right: 10px;
	padding-left: 10px;
}

.listeo-form-search_on_half_map .split-top-inputs > #listeo-drilldown-listing-types > .menu-panel {
	left: 10px;
	width: calc(100% - 20px);
}

@media (max-width: 767px) {
	.sort-by.ibp-custom-filter-toolbar {
		justify-content: flex-start;
	}

	.sort-by.ibp-custom-filter-toolbar .sort-by-select {
		margin-left: 0;
	}

	.ibp-custom-filter-toolbar__pills {
		width: 100%;
		margin-right: 0;
	}
}

/* Busca Contextual Listeo */
.ibp-custom-contextual-search-notice {
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 8px;
	padding: 9px 12px;
	border: 1px solid rgba(83, 197, 251, 0.28);
	border-radius: 8px;
	background: rgba(83, 197, 251, 0.08);
	color: #35748f;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.45;
}

.ibp-custom-contextual-category-original[data-ibp-contextual-category-hidden="1"] {
	display: none;
}

.ibp-custom-contextual-category-field {
	float: left;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 18px;
	padding-right: 10px;
	padding-left: 10px;
}

.ibp-custom-contextual-category-select {
	box-sizing: border-box;
	width: 100%;
	min-height: 48px;
	padding: 0 15px;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	background: #fff;
	color: #808080;
	font-size: 14px;
}

.ibp-custom-contextual-category-select:focus {
	border-color: rgba(83, 197, 251, 0.72);
	outline: 0;
	box-shadow: 0 0 0 2px rgba(83, 197, 251, 0.14);
}

.ibp-custom-contextual-zero-results {
	box-sizing: border-box;
	width: 100%;
	margin: 24px 0;
	padding: 24px;
	border: 1px solid #e7edf0;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 4px 16px rgba(44, 62, 80, 0.05);
	text-align: center;
}

.ibp-custom-contextual-zero-results__text {
	margin: 0;
	color: #2c3e50;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
}

.ibp-custom-contextual-zero-results__actions {
	display: flex;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 16px;
}

.ibp-custom-contextual-zero-results__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 8px 16px;
	border: 1px solid transparent;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
}

.ibp-custom-contextual-zero-results__button--primary {
	border-color: #53c5fb;
	background: #53c5fb;
	color: #fff;
}

.ibp-custom-contextual-zero-results__button--secondary {
	border-color: #dfe7eb;
	background: #fff;
	color: #35748f;
}

.ibp-custom-contextual-zero-results__button:focus-visible {
	outline: 0;
	box-shadow: 0 0 0 3px rgba(83, 197, 251, 0.25);
}

@media (max-width: 767px) {
	.ibp-custom-contextual-category-field {
		padding-right: 0;
		padding-left: 0;
	}

	.ibp-custom-contextual-zero-results {
		padding: 18px;
	}

	.ibp-custom-contextual-zero-results__button {
		width: 100%;
	}
}