/*
 * Barra de busca, modal "Ver todos os filtros" e filtros ativos.
 * As classes gj-codigo e gj-perfil são atribuídas aos widgets no Elementor.
 */

/* Código do imóvel na modal: mesmo visual do campo da barra (widget gjcodigo). */
.gj-codigo .jet-search-filter {
	position: relative;
	display: block !important;
	margin: 0 !important;
}

.gj-codigo .jet-search-filter__input-wrapper {
	position: relative;
	display: block;
	height: 40px;
	max-width: 100%;
}

.gj-codigo .jet-search-filter__input {
	background: #fff !important;
	border: 1px solid #D9DCE1 !important;
	border-radius: 999px !important;
	height: 40px !important;
	padding: 0 48px 0 20px !important;
	font-family: Montserrat, sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #122231 !important;
	width: 100% !important;
	box-shadow: none !important;
	display: block;
}

.gj-codigo .jet-search-filter__input::placeholder {
	color: #8A9099 !important;
}

.gj-codigo .jet-search-filter__submit {
	position: absolute !important;
	right: 4px !important;
	top: 4px !important;
	bottom: auto !important;
	left: auto !important;
	transform: none !important;
	background: #122231 url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%227%22%2F%3E%3Cline%20x1%3D%2216.5%22%20y1%3D%2216.5%22%20x2%3D%2221%22%20y2%3D%2221%22%2F%3E%3C%2Fsvg%3E") no-repeat center / 15px 15px !important;
	border: none !important;
	border-radius: 50% !important;
	padding: 0 !important;
	width: 32px !important;
	height: 32px !important;
	min-width: 32px !important;
	box-shadow: none !important;
	z-index: 2;
	margin: 0 !important;
}

.gj-codigo .jet-search-filter__submit:hover {
	background-color: #1b3348 !important;
}

.gj-codigo .jet-search-filter__submit-text,
.gj-codigo .jet-search-filter__submit-icon,
.gj-codigo .jet-search-filter__submit i {
	display: none !important;
}

/* Exclusivos / Lançamentos / Prontos para morar / Permuta: radio no visual do antigo bloco gj-opts. */
.gj-perfil .jet-radio-list-wrapper,
.gj-perfil fieldset {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px 28px;
	margin: 0;
	padding: 0;
	border: 0;
}

/* Desktop e tablet: as quatro opções numa linha só. */
@media (min-width: 768px) {
	.gj-perfil .jet-radio-list-wrapper,
	.gj-perfil fieldset {
		flex-wrap: nowrap;
		gap: 12px 24px;
	}

	.gj-perfil .jet-radio-list__label {
		white-space: nowrap;
	}
}

.gj-perfil .jet-radio-list__row {
	margin: 0 !important;
	padding: 0 !important;
}

.gj-perfil .jet-radio-list__item {
	display: flex;
	align-items: center;
	margin: 0;
	cursor: pointer;
}

.gj-perfil .jet-radio-list__button {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
}

.gj-perfil .jet-radio-list__decorator {
	position: relative;
	display: inline-block;
	flex: 0 0 auto;
	width: 16px !important;
	height: 16px !important;
	margin: 0 !important;
	border: 1.5px solid #D8A44A !important;
	border-radius: 50% !important;
	background: transparent !important;
	box-sizing: border-box;
}

.gj-perfil .jet-radio-list__checked-icon {
	display: none !important;
}

.gj-perfil .jet-radio-list__input:checked + .jet-radio-list__button .jet-radio-list__decorator::after {
	content: '';
	position: absolute;
	inset: 3px;
	border-radius: 50%;
	background: #D8A44A;
}

.gj-perfil .jet-radio-list__input:focus-visible + .jet-radio-list__button .jet-radio-list__decorator {
	outline: 2px solid #D8A44A;
	outline-offset: 2px;
}

.gj-perfil .jet-radio-list__label {
	font-family: Montserrat, sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #122231;
}

/*
 * Filtros ativos: cápsulas da mesma altura, com ou sem rótulo ("Preço:", etc.).
 * O widget no Elementor dá 16px Playfair ao rótulo e 12px ao valor, e a cápsula
 * com rótulo ficava mais alta. !important vence o CSS por elemento do Elementor.
 */
.elementor-widget-jet-smart-filters-active .jet-active-filter {
	box-sizing: border-box !important;
	height: 32px !important;
	padding: 0 14px !important;
	line-height: 1 !important;
}

.elementor-widget-jet-smart-filters-active .jet-active-filter__label,
.elementor-widget-jet-smart-filters-active .jet-active-filter__val {
	padding: 0 !important;
	font-family: Montserrat, sans-serif !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	color: #122231 !important;
}

.elementor-widget-jet-smart-filters-active .jet-active-filter__label {
	font-weight: 600 !important;
}