/* FAZIO_IMMOBILI_SEARCHBAR_20260712
 *
 * Stile della sola search bar + pannello filtri della pagina
 * /staging/immobili/. Sottoinsieme barra/pannello estratto dagli
 * asset della pagina risultati (fazio-search-results-v4.css,
 * -v4-ext.css, fazio-search-ui-repair.css) e rescopato sotto
 * body.fazio-page-archivio,
body.fazio-page-compare-properties, per replicare 1:1 la barra della
 * reference /staging/search-results/ senza caricare gli asset
 * pesanti (griglia, card, mappa, toolbar, paginazione, compare).
 *
 * Contiene esclusivamente selettori di barra e pannello filtri:
 * nessuna regola dell'area risultati (schede, colonne, contenitore
 * dinamico, cartografia, barra strumenti, impaginazione, confronto).
 *
 * Il markup è già condiviso via
 * template-parts/search/fazio-search-form-content.php
 * (override child search-v1.php -> #desktop-header-search).
 */

/* Variabili necessarie a barra/pannello, scopate alla pagina
 * (non su :root: nessuna contaminazione globale). Volutamente
 * NON si impostano background/color/font sul body archivio, per
 * non ridisegnare l'area listing/card della pagina immobili. */
body.fazio-page-archivio {
	--fz-bg: #0d1119;
	--fz-card: #111722;
	--fz-field: #161c28;
	--fz-gold: #d1c292;
	--fz-gold-hover: #c8a45d;
	--fz-text: #fff;
	--fz-muted: rgba(255, 255, 255, .5);
	--fz-border: rgba(255, 255, 255, .1);
}

/* ============================================================
 * BARRA (da fazio-search-results-v4.css:33-155)
 * ============================================================ */
body.fazio-page-archivio .fazio-search-bar {
	flex: 0 0 auto;
	position: relative;
	z-index: 30;
	padding: 18px 24px;
	border-bottom: 1px solid var(--fz-border);
	background: var(--fz-bg);
}

body.fazio-page-archivio .fazio-search-row {
	display: grid;
	grid-template-columns:
		minmax(220px, 1.6fr)
		minmax(140px, .9fr)
		minmax(130px, .8fr)
		minmax(150px, .95fr)
		minmax(110px, .65fr)
		minmax(110px, .65fr)
		auto
		auto;
	gap: 14px;
	align-items: end;
}

body.fazio-page-archivio .fazio-search-field label,
body.fazio-page-compare-properties .fazio-search-field label {
	display: block;
	margin: 0 0 6px;
	color: rgba(255, 255, 255, .45);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
}

body.fazio-page-archivio .fazio-search-field .form-group,
body.fazio-page-compare-properties .fazio-search-field .form-group {
	margin: 0;
}

/* FAZIO_HOME_SEARCHBAR_20260712
 * In home i campi esterni non mostrano label: solo placeholder e
 * valore selezionato dentro il controllo. Nascoste in modo
 * accessibile (non display:none) per non perderle da screen
 * reader. Le label del pannello Filtri avanzati restano visibili:
 * questa regola non entra in #fazio-advanced-panel. */
body.fazio-home-searchbar .fazio-search-bar .fazio-search-field label {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* FAZIO_HOME_SEARCHBAR_20260712
 * Parità con /immobili/, dove il Raggio è nascosto da
 * hideArchiveRadiusSection() in fazio-immobili-searchbar.js. Quella
 * funzione richiede la body class fazio-page-immobili, che in home
 * non va aggiunta (attiverebbe lo sfondo scuro del CSS card), e il
 * JS del Raggio non va modificato: qui si nasconde la sola sezione
 * del pannello che contiene il campo raggio. */
body.fazio-home-searchbar .fazio-custom-section:has(#fazio-radius-location) {
	display: none;
}

body.fazio-page-archivio .fazio-keyword-wrap {
	position: relative;
}

body.fazio-page-archivio .fazio-keyword-wrap > span {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 12px;
	transform: translateY(-50%);
	color: var(--fz-gold);
	font-size: 15px;
}

body.fazio-page-archivio .fazio-keyword-wrap input,
body.fazio-page-archivio .fazio-search-bar input.form-control,
body.fazio-page-archivio .fazio-search-bar select.form-control,
body.fazio-page-archivio .fazio-search-bar .bootstrap-select > .dropdown-toggle {
	width: 100%;
	height: 40px;
	min-height: 40px;
	border: 1px solid var(--fz-border) !important;
	border-radius: 8px !important;
	background: var(--fz-field) !important;
	color: var(--fz-text) !important;
	box-shadow: none !important;
	font-family: inherit;
	font-size: 13.5px;
	font-weight: 600;
}

body.fazio-page-archivio .fazio-keyword-wrap input {
	padding: 0 12px 0 34px;
}

body.fazio-page-archivio .fazio-search-bar .filter-option,
body.fazio-page-archivio .fazio-search-bar .filter-option-inner,
body.fazio-page-archivio .fazio-search-bar .filter-option-inner-inner {
	color: var(--fz-text) !important;
}

body.fazio-page-archivio .fazio-search-bar input::placeholder {
	color: rgba(255, 255, 255, .42);
}

body.fazio-page-archivio .fazio-advanced-toggle,
body.fazio-page-compare-properties .fazio-advanced-toggle,
body.fazio-page-archivio .fazio-search-submit,
body.fazio-page-compare-properties .fazio-search-submit,
body.fazio-page-archivio .fazio-panel-submit {
	height: 40px;
	border-radius: 8px;
	font-family: inherit;
	font-size: 13.5px;
	font-weight: 800;
	white-space: nowrap;
}

body.fazio-page-archivio .fazio-advanced-toggle,
body.fazio-page-compare-properties .fazio-advanced-toggle {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 0 15px;
	border: 1px solid rgba(255, 255, 255, .14);
	background: var(--fz-field);
	color: var(--fz-text);
}

body.fazio-page-archivio .fazio-filter-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background: #11151d;
	color: var(--fz-gold);
	font-size: 10px;
}

body.fazio-page-archivio .fazio-search-submit,
body.fazio-page-compare-properties .fazio-search-submit,
body.fazio-page-archivio .fazio-panel-submit {
	padding: 0 26px;
	border: 0;
	background: var(--fz-gold);
	color: #11151d;
}

/* ============================================================
 * PANNELLO (base — da fazio-search-results-v4.css:501-576)
 * ============================================================ */
body.fazio-page-archivio .fazio-filters-backdrop {
	position: absolute;
	inset: 0;
	z-index: 800;
	background: rgba(13, 17, 25, .35);
}

body.fazio-page-archivio .fazio-advanced-panel {
	position: absolute;
	z-index: 801;
	top: 16px;
	right: 16px;
	width: 380px;
	max-width: calc(50% - 16px);
	max-height: calc(100% - 32px);
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 14px;
	background: var(--fz-card);
	box-shadow: 0 20px 50px rgba(0, 0, 0, .55);
}

body.fazio-page-archivio .fazio-panel-header,
body.fazio-page-archivio .fazio-panel-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px;
}

body.fazio-page-archivio .fazio-panel-header {
	border-bottom: 1px solid var(--fz-border);
}

body.fazio-page-archivio .fazio-panel-body {
	max-height: calc(100vh - 300px);
	overflow-y: auto;
	padding: 18px 20px;
}

body.fazio-page-archivio .fazio-panel-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

body.fazio-page-archivio .fazio-panel-field {
	margin-bottom: 16px;
}

body.fazio-page-archivio .fazio-panel-close {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border: 0;
	border-radius: 50%;
	background: var(--fz-field);
	color: rgba(255, 255, 255, .65);
	font-size: 16px;
}

body.fazio-page-archivio .fazio-panel-footer {
	border-top: 1px solid var(--fz-border);
}

body.fazio-page-archivio .fazio-panel-actions {
	display: flex;
	align-items: center;
	gap: 10px;
}

body.fazio-page-archivio .fazio-panel-submit {
	padding: 0 22px;
}

/* ============================================================
 * WRAPPER HOUZEZ #desktop-header-search
 * La barra archivio è dentro
 *   #desktop-header-search (= .fazio-search-bar) > .container
 *   > #desktop-search-form
 * Il pannello è position:absolute e va ancorato alla barra:
 * il contenitore intermedio non deve clipparlo.
 * ============================================================ */
body.fazio-page-archivio #desktop-header-search {
	position: relative;
	overflow: visible;
}

body.fazio-page-archivio #desktop-header-search > div {
	overflow: visible;
}

body.fazio-page-archivio #desktop-header-search #desktop-search-form {
	position: static;
	overflow: visible;
}

/* ============================================================
 * RESPONSIVE BARRA/PANNELLO (da -v4-ext.css:6-90, solo barra/pannello)
 * ============================================================ */
@media (max-width: 1199px) {
	body.fazio-page-archivio .fazio-search-row {
		grid-template-columns:
			minmax(220px, 1.5fr)
			repeat(3, minmax(120px, 1fr))
			auto
			auto;
	}

	body.fazio-page-archivio .fazio-field-bedrooms,
	body.fazio-page-archivio .fazio-field-bathrooms {
		display: none;
	}
}

@media (max-width: 991px) {
	body.fazio-page-archivio .fazio-search-row {
		grid-template-columns: 1fr 1fr;
	}

	body.fazio-page-archivio .fazio-search-place {
		grid-column: 1 / -1;
	}

	body.fazio-page-archivio .fazio-search-field:not(.fazio-search-place) {
		display: none;
	}

	body.fazio-page-archivio .fazio-advanced-panel {
		position: fixed;
		inset: 0;
		width: 100%;
		max-width: none;
		max-height: none;
		border: 0;
		border-radius: 0;
	}

	body.fazio-page-archivio .fazio-filters-backdrop {
		position: fixed;
		inset: 0;
	}

	body.fazio-page-archivio .fazio-panel-body {
		max-height: calc(100vh - 130px);
	}

	/* Blocco scroll di sfondo quando il pannello (bottom-sheet)
	 * è aperto su mobile. Solo classe togglata dal JS. */
	body.fazio-page-archivio,
body.fazio-page-compare-properties.fazio-archivio-panel-open {
		overflow: hidden;
	}
}

/* ============================================================
 * SELECT BOOTSTRAP (da -v4-ext.css:92-149)
 * FAZIO_SELECT_CLIP_FIX: mai overflow:hidden sul wrapper —
 * bootstrap-select appende il .dropdown-menu DENTRO il wrapper.
 * ============================================================ */
body.fazio-page-archivio,
body.fazio-page-compare-properties
.fazio-search-bar
.bootstrap-select {
	border: 0 !important;
	border-radius: 8px !important;
	background: transparent !important;
	box-shadow: none !important;
	outline: 0 !important;
}

body.fazio-page-archivio,
body.fazio-page-compare-properties
.fazio-search-bar
.bootstrap-select > .dropdown-toggle,
body.fazio-page-archivio,
body.fazio-page-compare-properties
.fazio-search-bar
.bootstrap-select > .dropdown-toggle:hover,
body.fazio-page-archivio,
body.fazio-page-compare-properties
.fazio-search-bar
.bootstrap-select > .dropdown-toggle:focus,
body.fazio-page-archivio,
body.fazio-page-compare-properties
.fazio-search-bar
.bootstrap-select > .dropdown-toggle:active,
body.fazio-page-archivio,
body.fazio-page-compare-properties
.fazio-search-bar
.bootstrap-select.show > .dropdown-toggle {
	border: 1px solid rgba(255, 255, 255, .1) !important;
	border-radius: 8px !important;
	background: #161c28 !important;
	background-image: none !important;
	background-clip: padding-box !important;
	box-shadow: none !important;
	outline: 0 !important;
	-webkit-appearance: none !important;
}

body.fazio-page-archivio,
body.fazio-page-compare-properties
.fazio-search-bar
.bootstrap-select > .dropdown-toggle::before,
body.fazio-page-archivio,
body.fazio-page-compare-properties
.fazio-search-bar
.bootstrap-select > .dropdown-toggle::after {
	box-shadow: none !important;
	outline: 0 !important;
}

body.fazio-page-archivio,
body.fazio-page-compare-properties
.fazio-search-bar
.bootstrap-select > select.mobile-device:focus
+ .dropdown-toggle {
	outline: 0 !important;
	box-shadow: none !important;
}

/* ============================================================
 * PANNELLO CUSTOM DETTAGLIO (da -v4-ext.css:152-563)
 * Regole originariamente non scopate: qui prefissate a
 * body.fazio-page-archivio (i selettori esistono solo dentro il
 * form di ricerca, ma lo scope evita ogni leakage globale).
 * ============================================================ */
body.fazio-page-archivio .fazio-custom-panel {
	width: min(390px, calc(100% - 32px));
	max-height: calc(100% - 48px);
	overflow: hidden;
	background: #101621;
	border: 1px solid rgba(216, 195, 139, .28);
	border-radius: 20px;
	box-shadow: 0 24px 64px rgba(0, 0, 0, .42);
}

body.fazio-page-archivio .fazio-custom-panel .fazio-panel-header {
	height: 72px;
	padding: 0 22px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}

body.fazio-page-archivio .fazio-custom-panel .fazio-panel-header strong {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
}

body.fazio-page-archivio .fazio-custom-panel .fazio-panel-close {
	width: 38px;
	height: 38px;
	padding: 0;
	display: grid;
	place-items: center;
	color: #aeb4bf;
	background: rgba(255, 255, 255, .035);
	border: 0;
	border-radius: 50%;
	font-size: 25px;
	line-height: 1;
	cursor: pointer;
}

body.fazio-page-archivio .fazio-custom-panel .fazio-panel-body {
	max-height: calc(100vh - 260px);
	padding: 22px;
	overflow-y: auto;
	scrollbar-width: thin;
}

body.fazio-page-archivio .fazio-custom-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

body.fazio-page-archivio .fazio-custom-control {
	display: block;
	margin: 0 0 14px;
}

body.fazio-page-archivio .fazio-custom-control > span,
body.fazio-page-archivio .fazio-custom-section-title {
	display: block;
	margin: 0 0 7px;
	color: #949ba7;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .08em;
	text-transform: uppercase;
}

body.fazio-page-archivio .fazio-custom-control input,
body.fazio-page-archivio .fazio-location-control input {
	width: 100%;
	height: 46px;
	padding: 0 14px;
	color: #f5f5f1;
	background: #171e2a;
	border: 1px solid #353d4b;
	border-radius: 11px;
	box-shadow: none;
	font-size: 14px;
	font-weight: 500;
	outline: none;
}

body.fazio-page-archivio .fazio-custom-control input::placeholder,
body.fazio-page-archivio .fazio-location-control input::placeholder {
	color: #747c88;
	opacity: 1;
}

body.fazio-page-archivio .fazio-custom-control input:focus,
body.fazio-page-archivio .fazio-location-control input:focus {
	border-color: #d8c38b;
}

body.fazio-page-archivio .fazio-custom-section {
	padding-top: 8px;
	margin-top: 4px;
}

body.fazio-page-archivio .fazio-custom-section + .fazio-custom-section {
	padding-top: 18px;
	margin-top: 10px;
	border-top: 1px solid rgba(255, 255, 255, .08);
}

body.fazio-page-archivio .fazio-location-control {
	height: 46px;
	display: grid;
	grid-template-columns: 42px 1fr;
	align-items: center;
	margin-bottom: 14px;
	background: #171e2a;
	border: 1px solid #353d4b;
	border-radius: 11px;
	overflow: hidden;
}

body.fazio-page-archivio .fazio-location-control > span {
	color: #d8c38b;
	font-size: 19px;
	text-align: center;
}

body.fazio-page-archivio .fazio-location-control input {
	height: 44px;
	padding-left: 0;
	border: 0;
	border-radius: 0;
}

body.fazio-page-archivio .fazio-range-row {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 16px;
	align-items: center;
}

body.fazio-page-archivio .fazio-switch-control {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	color: #aeb4bf;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}

body.fazio-page-archivio .fazio-switch-control input {
	width: 17px;
	height: 17px;
	margin: 0;
	accent-color: #d8c38b;
}

body.fazio-page-archivio .fazio-range-control {
	min-width: 0;
	margin: 0;
}

body.fazio-page-archivio .fazio-range-value {
	display: block;
	margin-bottom: 5px;
	color: #f5f5f1;
	font-size: 12px;
	font-weight: 700;
	text-align: right;
}

body.fazio-page-archivio .fazio-range-control input[type="range"] {
	width: 100%;
	height: 4px;
	margin: 0;
	accent-color: #d8c38b;
	cursor: pointer;
}

body.fazio-page-archivio .fazio-feature-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

body.fazio-page-archivio .fazio-feature-chips label {
	margin: 0;
	cursor: pointer;
}

body.fazio-page-archivio .fazio-feature-chips input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

body.fazio-page-archivio .fazio-feature-chips span {
	min-height: 32px;
	padding: 0 12px;
	display: inline-flex;
	align-items: center;
	color: #aeb4bf;
	background: #171e2a;
	border: 1px solid #353d4b;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
}

body.fazio-page-archivio .fazio-feature-chips input:checked + span {
	color: #111722;
	background: #d8c38b;
	border-color: #d8c38b;
}

body.fazio-page-archivio .fazio-custom-panel .fazio-panel-footer {
	min-height: 68px;
	padding: 13px 18px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	background: #101621;
	border-top: 1px solid rgba(255, 255, 255, .1);
}

body.fazio-page-archivio .fazio-save-search-link {
	padding: 0;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #d8c38b;
	background: transparent;
	border: 0;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
}

body.fazio-page-archivio .fazio-panel-actions {
	display: flex;
	align-items: center;
	gap: 10px;
}

body.fazio-page-archivio .fazio-panel-reset {
	padding: 8px 4px;
	color: #9299a5;
	background: transparent;
	border: 0;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
}

body.fazio-page-archivio .fazio-custom-panel .fazio-panel-submit {
	min-width: 92px;
	height: 42px;
	padding: 0 18px;
	color: #111722;
	background: #d8c38b;
	border: 0;
	border-radius: 11px;
	font-size: 14px;
	font-weight: 800;
	cursor: pointer;
}

@media (max-width: 991px) {
	body.fazio-page-archivio .fazio-custom-panel {
		width: 100%;
		max-height: 92vh;
		border-radius: 20px 20px 0 0;
	}

	body.fazio-page-archivio .fazio-custom-panel .fazio-panel-body {
		max-height: calc(92vh - 140px);
	}

	body.fazio-page-archivio .fazio-custom-grid {
		grid-template-columns: 1fr;
	}

	body.fazio-page-archivio .fazio-range-row {
		grid-template-columns: 1fr;
	}

	body.fazio-page-archivio .fazio-custom-panel .fazio-panel-footer {
		align-items: stretch;
		flex-direction: column;
	}

	body.fazio-page-archivio .fazio-panel-actions {
		width: 100%;
	}

	body.fazio-page-archivio .fazio-custom-panel .fazio-panel-submit {
		flex: 1;
	}
}

/* ============================================================
 * RANGE PREZZO (da -v4-ext.css:455-563)
 * ============================================================ */
body.fazio-page-archivio .fazio-price-range {
	--price-min: 2.5%;
	--price-max: 25%;
	padding-top: 2px;
}

body.fazio-page-archivio .fazio-price-values {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 14px;
	color: #949ba7;
	font-size: 12px;
	font-weight: 700;
}

body.fazio-page-archivio .fazio-price-values span {
	display: inline-flex;
	align-items: baseline;
	gap: 6px;
}

body.fazio-page-archivio .fazio-price-values strong {
	color: #f5f5f1;
	font-size: 15px;
	font-weight: 750;
}

body.fazio-page-archivio .fazio-double-range {
	position: relative;
	height: 32px;
}

body.fazio-page-archivio .fazio-range-track {
	position: absolute;
	top: 14px;
	right: 0;
	left: 0;
	height: 4px;
	border-radius: 999px;
	background:
		linear-gradient(
			to right,
			#39414d 0,
			#39414d var(--price-min),
			#d8c38b var(--price-min),
			#d8c38b var(--price-max),
			#39414d var(--price-max),
			#39414d 100%
		);
}

body.fazio-page-archivio .fazio-double-range input[type="range"] {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 32px;
	margin: 0;
	padding: 0;
	background: transparent;
	pointer-events: none;
	appearance: none;
	-webkit-appearance: none;
}

body.fazio-page-archivio .fazio-double-range input[type="range"]::-webkit-slider-runnable-track {
	height: 4px;
	background: transparent;
	border: 0;
}

body.fazio-page-archivio .fazio-double-range input[type="range"]::-webkit-slider-thumb {
	width: 20px;
	height: 20px;
	margin-top: -8px;
	background: #d8c38b;
	border: 3px solid #101621;
	border-radius: 50%;
	box-shadow: 0 0 0 1px #d8c38b;
	cursor: grab;
	pointer-events: auto;
	appearance: none;
	-webkit-appearance: none;
}

body.fazio-page-archivio .fazio-double-range input[type="range"]::-moz-range-track {
	height: 4px;
	background: transparent;
	border: 0;
}

body.fazio-page-archivio .fazio-double-range input[type="range"]::-moz-range-thumb {
	width: 16px;
	height: 16px;
	background: #d8c38b;
	border: 3px solid #101621;
	border-radius: 50%;
	box-shadow: 0 0 0 1px #d8c38b;
	cursor: grab;
	pointer-events: auto;
}

body.fazio-page-archivio .fazio-location-control input[data-fazio-keyword-mirror] {
	color: #f5f5f1;
}

/* ============================================================
 * POSIZIONAMENTO PANNELLO (da fazio-search-ui-repair.css, intero
 * file — solo barra/pannello). Pannello ancorato in CSS a
 * .fazio-search-bar, niente positionPanel() JS. Le regole
 * !important vincono sulla base sopra: dropdown sotto la barra.
 * ============================================================ */
body.fazio-page-archivio .fazio-search-bar {
	z-index: 1100;
}

body.fazio-page-archivio .fazio-search-bar,
body.fazio-page-archivio #desktop-search-form {
	overflow: visible !important;
}

body.fazio-page-archivio #fazio-advanced-panel[hidden],
body.fazio-page-archivio .fazio-filters-backdrop[hidden] {
	display: none !important;
}

body.fazio-page-archivio .fazio-filters-backdrop:not([hidden]) {
	position: fixed !important;
	inset: 0 !important;
	display: block !important;
	z-index: 1 !important;
	background: rgba(4, 7, 12, 0.44) !important;
}

body.fazio-page-archivio #fazio-advanced-panel:not([hidden]) {
	position: absolute !important;
	display: flex !important;
	flex-direction: column !important;
	top: calc(100% + 2px) !important;
	right: 24px !important;
	left: auto !important;
	bottom: auto !important;
	width: min(420px, calc(100vw - 32px)) !important;
	max-width: none !important;
	max-height: min(620px, calc(100vh - 220px)) !important;
	margin: 0 !important;
	z-index: 2 !important;
	transform: none !important;
	overflow: hidden !important;
	background: #111722 !important;
	border: 1px solid #343c4d !important;
	border-radius: 18px !important;
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.62) !important;
}

body.fazio-page-archivio #fazio-advanced-panel .fazio-panel-header {
	flex: 0 0 auto !important;
	min-height: 68px !important;
	padding: 18px 20px !important;
}

body.fazio-page-archivio #fazio-advanced-panel .fazio-panel-body {
	flex: 1 1 auto !important;
	min-height: 0 !important;
	overflow-y: auto !important;
	padding: 18px 20px !important;
	scrollbar-width: thin;
	scrollbar-color: var(--fz-gold) var(--fz-bg);
}

body.fazio-page-archivio,
body.fazio-page-compare-properties
#fazio-advanced-panel
.fazio-panel-body::-webkit-scrollbar {
	width: 10px;
}

body.fazio-page-archivio,
body.fazio-page-compare-properties
#fazio-advanced-panel
.fazio-panel-body::-webkit-scrollbar-track {
	background: var(--fz-bg);
}

body.fazio-page-archivio,
body.fazio-page-compare-properties
#fazio-advanced-panel
.fazio-panel-body::-webkit-scrollbar-thumb {
	border: 2px solid var(--fz-bg);
	border-radius: 100px;
	background: var(--fz-gold);
}

body.fazio-page-archivio #fazio-advanced-panel .fazio-panel-footer {
	flex: 0 0 auto !important;
	padding: 14px 20px 18px !important;
}

/* Il wrapper nativo Houzez del Salva ricerca non deve rompere
 * il layout flex del footer. */
body.fazio-page-archivio,
body.fazio-page-compare-properties
.fazio-panel-footer
.save-search-form-wrap {
	display: contents;
}

@media (max-width: 991px) {
	body.fazio-page-archivio #fazio-advanced-panel:not([hidden]) {
		position: fixed !important;
		top: auto !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		width: 100% !important;
		max-height: 86vh !important;
		border-radius: 18px 18px 0 0 !important;
	}
}

/* FAZIO_FILTER_ICON_AND_COUNT_BADGE_20260712 */
.fazio-search-bar .fazio-advanced-toggle {
	position: relative;
	overflow: visible;
}

.fazio-search-bar .fazio-filter-icon {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.fazio-search-bar .fazio-filter-icon .houzez-icon {
	margin: 0;
	font-size: 17px;
	line-height: 1;
	transform: none;
}

.fazio-search-bar .fazio-filter-count {
	position: absolute;
	top: -6px;
	right: -6px;
	z-index: 2;
	display: inline-flex !important;
	width: 18px;
	min-width: 18px;
	height: 18px;
	padding: 0;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border-radius: 50%;
	background: var(--fz-gold, #d1c292);
	color: #11151d;
	font-family: inherit;
	font-size: 10px;
	font-weight: 800;
	line-height: 1;
	pointer-events: none;
}

.fazio-search-bar .fazio-filter-count[hidden] {
	display: none !important;
}

/* FAZIO_BADGE_COLOR_OVERRIDE_20260712 */
html body .fazio-search-bar .fazio-filter-count {
	background: var(--fz-gold, #d1c292) !important;
	color: #11151d !important;
	-webkit-text-fill-color: #11151d !important;
	border-color: var(--fz-gold, #d1c292) !important;
}

/* FAZIO_SELECT_WRAPPER_HALO_FIX_20260718
 * Il wrapper .bootstrap-select porta anche la classe .form-control:
 * Bootstrap gli da' sfondo bianco e radius 6px, che spuntava attorno
 * al bottone scuro (radius 8px) come alone bianco. La regola
 * originale che lo rendeva trasparente aveva il selettore malformato
 * (primo ramo senza discendente) e non si e' mai applicata. Solo il
 * wrapper chiuso: la tendina aperta resta il default bianco. */
body.fazio-page-archivio .fazio-search-bar .bootstrap-select,
body.fazio-page-compare-properties .fazio-search-bar .bootstrap-select {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	outline: 0 !important;
}