/* FAZIO_ARCHIVE_CARD_CSS_20260711 */
html.fazio-search-lock,
html.fazio-search-lock body {
overflow: hidden;
}
/*
* FAZIO_HOME_FEATURED_CARDS_20260712
* Le variabili servono anche alla home (carousel "Immobili in
* evidenza"); da sole non producono alcun effetto visivo.
* Sfondo, colore e font restano invece esclusivi degli archivi:
* la home non deve essere annerita.
*/
body.fazio-page-immobili,
body.fazio-home-featured,
body.fazio-similar-cards {
--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);
}
body.fazio-page-immobili {
background: var(--fz-bg);
color: var(--fz-text);
font-family: "Plus Jakarta Sans", sans-serif;
}
body.fazio-page-immobili #main-wrap,
body.fazio-page-immobili .fazio-search-app {
background: var(--fz-bg);
}
body.fazio-page-immobili .fazio-search-app {
display: flex;
flex-direction: column;
height: var(--fazio-app-height, auto);
min-height: 0;
overflow: hidden;
}
body.fazio-page-immobili .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-immobili .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-immobili .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-immobili .fazio-search-field .form-group {
margin: 0;
}
body.fazio-page-immobili .fazio-keyword-wrap {
position: relative;
}
body.fazio-page-immobili .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-immobili .fazio-keyword-wrap input,
body.fazio-page-immobili .fazio-search-bar input.form-control,
body.fazio-page-immobili .fazio-search-bar select.form-control,
body.fazio-page-immobili .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-immobili .fazio-keyword-wrap input {
padding: 0 12px 0 34px;
}
body.fazio-page-immobili .fazio-search-bar .filter-option,
body.fazio-page-immobili .fazio-search-bar .filter-option-inner,
body.fazio-page-immobili .fazio-search-bar .filter-option-inner-inner {
color: var(--fz-text) !important;
}
body.fazio-page-immobili .fazio-search-bar input::placeholder {
color: rgba(255, 255, 255, .42);
}
body.fazio-page-immobili .fazio-advanced-toggle,
body.fazio-page-immobili .fazio-search-submit,
body.fazio-page-immobili .fazio-panel-submit {
height: 40px;
border-radius: 8px;
font-family: inherit;
font-size: 13.5px;
font-weight: 800;
white-space: nowrap;
}
body.fazio-page-immobili .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-immobili .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-immobili .fazio-search-submit,
body.fazio-page-immobili .fazio-panel-submit {
padding: 0 26px;
border: 0;
background: var(--fz-gold);
color: #11151d;
}
body.fazio-page-immobili .fazio-results-toolbar {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 14px 24px;
border-bottom: 1px solid var(--fz-border);
background: var(--fz-bg);
}
body.fazio-page-immobili .fazio-results-copy {
display: flex;
flex-direction: column;
gap: 2px;
}
body.fazio-page-immobili .fazio-results-copy strong {
color: var(--fz-text);
font-size: 16px;
font-weight: 800;
}
body.fazio-page-immobili .fazio-results-copy > span {
color: rgba(255, 255, 255, .45);
font-size: 12.5px;
}
body.fazio-page-immobili .fazio-results-tools {
display: flex;
align-items: center;
gap: 14px;
}
body.fazio-page-immobili .fazio-results-tools .sort-by-title {
display: none;
}
body.fazio-page-immobili .fazio-results-tools .bootstrap-select {
width: 220px !important;
}
body.fazio-page-immobili .fazio-results-tools .dropdown-toggle {
height: 36px;
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;
}
body.fazio-page-immobili .fazio-view-switch {
display: flex;
gap: 2px;
padding: 3px;
border: 1px solid var(--fz-border);
border-radius: 8px;
background: var(--fz-field);
}
body.fazio-page-immobili .fazio-view-button {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 30px;
border: 0;
border-radius: 6px;
background: transparent;
color: rgba(255, 255, 255, .5);
}
body.fazio-page-immobili .fazio-view-button.is-active {
background: var(--fz-gold);
color: #11151d;
}
body.fazio-page-immobili .fazio-results-stage {
position: relative;
flex: 1 1 auto;
display: grid;
grid-template-rows: minmax(0, 1fr) auto;
min-height: 0;
overflow: hidden;
}
body.fazio-page-immobili .fazio-results-split {
display: grid;
grid-template-columns: 1.05fr 1fr;
min-height: 0;
overflow: hidden;
}
body.fazio-page-immobili .fazio-results-column,
body.fazio-page-immobili .fazio-map-column {
position: relative !important;
width: auto !important;
height: 100% !important;
min-height: 0 !important;
}
body.fazio-page-immobili .fazio-results-column {
overflow: hidden;
background: var(--fz-bg);
}
/* FAZIO_AJAX_DOM_ALIGN_20260711
* #houzez_ajax_container è direttamente l'area scroll: il wrapper
* #results-scroll non esiste più perché l'AJAX Houzez rimpiazza
* l'intero contenuto del contenitore (griglia + paginazione).
*/
body.fazio-page-immobili #houzez_ajax_container {
height: 100%;
min-height: 0;
overflow-y: auto;
padding: 22px;
scrollbar-width: thin;
scrollbar-color: var(--fz-gold) var(--fz-bg);
}
body.fazio-page-immobili #houzez_ajax_container::-webkit-scrollbar {
width: 10px;
}
body.fazio-page-immobili #houzez_ajax_container::-webkit-scrollbar-track {
background: var(--fz-bg);
}
body.fazio-page-immobili #houzez_ajax_container::-webkit-scrollbar-thumb {
border: 2px solid var(--fz-bg);
border-radius: 100px;
background: var(--fz-gold);
}
body.fazio-page-immobili .fazio-property-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
/*
* FAZIO_HOME_FEATURED_CARDS_20260712
* Stesse regole, stessi valori: lo scope viene esteso alla home
* perché il carousel "Immobili in evidenza" usa la stessa card.
* :is() con due classi non altera la specificità.
* .fazio-property-grid resta fuori: nel carousel il layout lo fa slick.
*/
body:is(.fazio-page-immobili, .fazio-home-featured, .fazio-similar-cards) .fazio-property-card {
overflow: hidden;
min-width: 0;
border: 1px solid rgba(255, 255, 255, .08);
border-radius: 12px;
background: var(--fz-card);
}
body:is(.fazio-page-immobili, .fazio-home-featured, .fazio-similar-cards) .fazio-property-image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
width: 100%;
aspect-ratio: 4 / 3;
background:
repeating-linear-gradient(
45deg,
#161c28,
#161c28 10px,
#131926 10px,
#131926 20px
);
}
body:is(.fazio-page-immobili, .fazio-home-featured, .fazio-similar-cards) .fazio-property-image:hover {
text-decoration: none;
}
body:is(.fazio-page-immobili, .fazio-home-featured, .fazio-similar-cards) .fazio-property-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
body:is(.fazio-page-immobili, .fazio-home-featured, .fazio-similar-cards) .fazio-image-placeholder {
color: rgba(255, 255, 255, .4);
font-family: monospace;
font-size: 10.5px;
}
body:is(.fazio-page-immobili, .fazio-home-featured, .fazio-similar-cards) .fazio-property-status {
position: absolute;
top: 10px;
left: 10px;
padding: 4px 9px;
border: 1px solid rgba(209, 194, 146, .3);
border-radius: 5px;
background: rgba(13, 17, 25, .85);
color: var(--fz-gold);
font-size: 10.5px;
font-weight: 700;
}
body:is(.fazio-page-immobili, .fazio-home-featured, .fazio-similar-cards) .fazio-property-action {
position: absolute;
top: 10px;
right: 10px;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border: 1px solid rgba(255, 255, 255, .15);
border-radius: 50%;
background: var(--fz-bg);
color: var(--fz-gold);
font-size: 15px;
}
body:is(.fazio-page-immobili, .fazio-home-featured, .fazio-similar-cards) .fazio-property-content {
padding: 13px 14px 14px;
}
body:is(.fazio-page-immobili, .fazio-home-featured, .fazio-similar-cards) .fazio-property-type {
margin: 0 0 4px;
color: var(--fz-gold);
font-size: 10.5px;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
}
body:is(.fazio-page-immobili, .fazio-home-featured, .fazio-similar-cards) .fazio-property-title,
.fazio-property-card .fazio-property-title {
margin: 0 0 4px;
font-size: 14px;
line-height: 1.28;
/*
* FAZIO_CARD_TITLE_UPPERCASE_FIX_20260718
* .fazio-page-immobili h1/h2/h3 in style.css impone
* text-transform:uppercase !important e font-weight:300
* !important (pensato per i titoli di pagina, non per le
* card): .fazio-property-title e' un h2, quindi la stessa
* regola lo intercetta. Serve !important anche qui per
* allineare il titolo card al comportamento di Home Featured
* (unica sezione senza la classe .fazio-page-immobili, quindi
* gia' corretta di suo). Il selettore componente
* .fazio-property-card .fazio-property-title copre la card
* anche dove le body class di pagina mancano.
*/
font-weight: 700 !important;
text-transform: none !important;
min-height: 36px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
body:is(.fazio-page-immobili, .fazio-home-featured, .fazio-similar-cards) .fazio-property-title a,
.fazio-property-card .fazio-property-title a {
color: var(--fz-text);
text-decoration: none;
}
body:is(.fazio-page-immobili, .fazio-home-featured, .fazio-similar-cards) .fazio-property-location {
margin: 0 0 8px;
color: rgba(255, 255, 255, .5);
font-size: 12px;
}
body:is(.fazio-page-immobili, .fazio-home-featured, .fazio-similar-cards) .fazio-property-price {
margin: 0 0 8px;
color: var(--fz-text);
font-size: 15px;
font-weight: 800;
}
body:is(.fazio-page-immobili, .fazio-home-featured, .fazio-similar-cards) .fazio-property-meta {
display: flex;
flex-wrap: wrap;
gap: 9px;
padding-top: 8px;
border-top: 1px solid rgba(255, 255, 255, .08);
color: rgba(255, 255, 255, .6);
font-size: 11.5px;
}
/*
* FAZIO_HOME_FEATURED_CARDS_20260712
* Scope minimo del carousel home: le slide slick hanno altezze
* diverse, la card deve riempirle. La tipografia va riaffermata
* qui perché in home il font base del body non è quello degli
* archivi (dove arriva da body.fazio-page-immobili).
*/
.fazio-home-card-item {
height: 100%;
}
/*
* FAZIO_HOME_FEATURED_CARDS_FIT_20260712
* La larghezza della slide resta di slick (style inline): nessuna
* dichiarazione di width/flex su .fazio-home-card-item, .item-wrap-v5,
* .slick-slide, .slick-track. Si agisce solo sulla card, che è figlia
* diretta del wrapper: nel contesto v5 il contenuto della card viene
* trattato come flex item (la card Houzez ha i figli con .w-100), e la
* card Fazio senza .w-100 andrebbe in shrink-to-fit. Niente larghezze
* fisse, niente !important.
*/
body.fazio-home-featured
.houzez-properties-carousel-js
.fazio-home-card-item
.fazio-property-card {
display: flex;
flex-direction: column;
width: 100%;
max-width: 100%;
min-width: 0;
height: 100%;
align-self: stretch;
font-family: "Plus Jakarta Sans", sans-serif;
}
body.fazio-home-featured
.houzez-properties-carousel-js
.fazio-home-card-item
.fazio-property-content {
flex: 1 1 auto;
}
/*
* FAZIO_SIMILAR_CARDS_20260712
* .fazio-similar-item È la colonna Bootstrap (figlia diretta di
* .row.row-cols-lg-3.row-cols-md-2.row-cols-sm-1): non riceve nessuna
* dichiarazione di width/max-width/flex/flex-basis, altrimenti
* .row-cols-lg-3 > * (stessa specificità, foglio caricato prima) viene
* sovrascritta e le colonne collassano. Le colonne restano 3/2/1 di
* Bootstrap, con i suoi gutter. Si stila solo la card.
*/
body.fazio-similar-cards
#similar-listings-wrap
.fazio-similar-item
.fazio-property-card {
display: flex;
flex-direction: column;
width: 100%;
max-width: 100%;
min-width: 0;
height: 100%;
font-family: "Plus Jakarta Sans", sans-serif;
}
body.fazio-similar-cards
#similar-listings-wrap
.fazio-similar-item
.fazio-property-content {
flex: 1 1 auto;
}
body.fazio-page-immobili .fazio-no-results,
body.fazio-page-immobili .search-no-results-found {
grid-column: 1 / -1;
padding: 70px 24px;
border: 1px solid var(--fz-border);
border-radius: 12px;
background: var(--fz-card);
color: var(--fz-muted);
text-align: center;
}
body.fazio-page-immobili .fazio-map-column {
overflow: hidden;
border-left: 1px solid var(--fz-border);
}
body.fazio-page-immobili .fazio-map-column .map-wrap,
body.fazio-page-immobili #houzez-properties-map {
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
}
body.fazio-page-immobili .fazio-search-area-button {
position: absolute;
z-index: 500;
top: 16px;
left: 16px;
padding: 8px 16px;
border: 0;
border-radius: 100px;
background: var(--fz-gold);
color: #11151d;
box-shadow: 0 4px 14px rgba(0, 0, 0, .4);
font-size: 12.5px;
font-weight: 800;
}
body.fazio-page-immobili .map-btn,
body.fazio-page-immobili .leaflet-control-zoom a {
border-color: var(--fz-border) !important;
background: var(--fz-card) !important;
color: var(--fz-text) !important;
}
/* FAZIO_AJAX_DOM_ALIGN_20260711
* La paginazione resta dentro #houzez_ajax_container (markup
* Houzez .pagination-wrap.houzez_ajax_pagination, identico al
* primo render e dopo AJAX; assente quando c'è una sola pagina).
*/
body.fazio-page-immobili #houzez_ajax_container .houzez_ajax_pagination {
margin-top: 18px;
padding: 16px 24px;
border-top: 1px solid var(--fz-border);
background: var(--fz-card);
border-radius: 12px;
}
body.fazio-page-immobili #houzez_ajax_container .houzez_ajax_pagination .pagination {
justify-content: center;
margin: 0;
}
body.fazio-page-immobili #houzez_ajax_container .houzez_ajax_pagination .page-link,
body.fazio-page-immobili #houzez_ajax_container .houzez_ajax_pagination a,
body.fazio-page-immobili #houzez_ajax_container .houzez_ajax_pagination span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 34px;
height: 34px;
margin: 0 3px;
border: 1px solid var(--fz-border) !important;
border-radius: 8px !important;
background: transparent !important;
color: var(--fz-text) !important;
}
body.fazio-page-immobili #houzez_ajax_container .houzez_ajax_pagination .active .page-link,
body.fazio-page-immobili #houzez_ajax_container .houzez_ajax_pagination .current {
border-color: var(--fz-gold) !important;
background: var(--fz-gold) !important;
color: #11151d !important;
}
body.fazio-page-immobili .fazio-filters-backdrop {
position: absolute;
inset: 0;
z-index: 800;
background: rgba(13, 17, 25, .35);
}
body.fazio-page-immobili .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-immobili .fazio-panel-header,
body.fazio-page-immobili .fazio-panel-footer {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 20px;
}
body.fazio-page-immobili .fazio-panel-header {
border-bottom: 1px solid var(--fz-border);
}
body.fazio-page-immobili .fazio-panel-body {
max-height: calc(100vh - 300px);
overflow-y: auto;
padding: 18px 20px;
}
body.fazio-page-immobili .fazio-panel-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
body.fazio-page-immobili .fazio-panel-field {
margin-bottom: 16px;
}
body.fazio-page-immobili .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-immobili .fazio-panel-footer {
border-top: 1px solid var(--fz-border);
}
body.fazio-page-immobili .fazio-panel-actions {
display: flex;
align-items: center;
gap: 10px;
}
body.fazio-page-immobili .fazio-panel-submit {
padding: 0 22px;
}
/* FAZIO_SEARCH_PAGINATION_FOOTER_STYLES_20260711 */
/* Footer raggiungibile senza gestione artificiale della rotella. */
html.fazio-search-page-scroll-enabled,
body.fazio-archive-card-page.fazio-search-page-scroll-enabled {
height: auto !important;
min-height: 100% !important;
overflow-y: auto !important;
}
/* Colonna risultati con fascia paginazione separata. */
body.fazio-archive-card-page
.fazio-search-pagination-dock-host {
display: flex !important;
flex-direction: column !important;
min-height: 0 !important;
}
body.fazio-archive-card-page
.fazio-search-pagination-dock-host
> #houzez_ajax_container {
flex: 1 1 auto !important;
min-height: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
overscroll-behavior-y: auto !important;
touch-action: pan-y !important;
-webkit-overflow-scrolling: touch;
}
body.fazio-archive-card-page
.fazio-search-pagination-dock {
position: relative;
z-index: 40;
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
width: 100%;
min-height: 72px;
padding: 14px 20px;
box-sizing: border-box;
background: rgba(13, 17, 25, 0.98);
border-top: 1px solid rgba(255, 255, 255, 0.10);
}
body.fazio-archive-card-page
.fazio-search-pagination-dock[hidden] {
display: none !important;
}
body.fazio-archive-card-page
.fazio-search-pagination-dock
.pagination-wrap.houzez_ajax_pagination {
position: static !important;
display: flex !important;
align-items: center;
justify-content: center;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
background: transparent !important;
border: 0 !important;
}
body.fazio-archive-card-page
.fazio-search-pagination-dock
.pagination-wrap.houzez_ajax_pagination
ul {
display: flex !important;
align-items: center;
justify-content: center;
gap: 7px;
margin: 0 !important;
padding: 0 !important;
}
/* FAZIO_SEARCH_SORT_CLARITY_STYLES_20260711 */
body.fazio-archive-card-page
.sort-by.fazio-sort-clarity
> .d-flex {
display: flex !important;
align-items: center !important;
gap: 10px;
}
body.fazio-archive-card-page
.sort-by.fazio-sort-clarity
#sort-label {
display: block !important;
flex: 0 0 auto;
margin: 0 !important;
white-space: nowrap;
color: #6f7480;
font-size: 13px;
font-weight: 500;
line-height: 1.2;
}
body.fazio-archive-card-page
.sort-by.fazio-sort-clarity
.bootstrap-select {
flex: 1 1 auto;
width: auto !important;
min-width: 210px;
margin: 0 !important;
}
body.fazio-archive-card-page
.sort-by.fazio-sort-clarity
.bootstrap-select
> .dropdown-toggle {
width: 100% !important;
}
/* FAZIO_SEARCH_LEFT_TOOLBAR_LAYOUT_STYLES_20260711 */
body.fazio-archive-card-page
#half-map-listing-area.fazio-left-toolbar-column {
display: flex !important;
flex-direction: column !important;
min-width: 0 !important;
}
body.fazio-archive-card-page
.fazio-results-toolbar.fazio-left-toolbar {
position: relative !important;
z-index: 50;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
flex: 0 0 auto;
width: 100% !important;
min-height: 96px;
margin: 0 !important;
padding: 20px 24px !important;
box-sizing: border-box;
background: #0d1119;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
body.fazio-archive-card-page
.fazio-results-toolbar.fazio-left-toolbar
> * {
min-width: 0;
}
body.fazio-archive-card-page
.fazio-results-toolbar.fazio-left-toolbar
.fazio-left-toolbar-count {
flex: 0 1 auto;
margin: 0 auto 0 0 !important;
color: #f4f4f2 !important;
font-size: 20px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
text-transform: none !important;
white-space: nowrap;
}
body.fazio-archive-card-page
.fazio-results-toolbar.fazio-left-toolbar
.fazio-results-tools,
body.fazio-archive-card-page
.fazio-results-toolbar.fazio-left-toolbar
.fazio-left-toolbar-tools {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 16px;
flex: 0 1 auto;
width: auto !important;
margin: 0 !important;
}
body.fazio-archive-card-page
.fazio-results-toolbar.fazio-left-toolbar
.sort-by {
width: auto !important;
margin: 0 !important;
}
body.fazio-archive-card-page
.fazio-results-toolbar.fazio-left-toolbar
.sort-by
> .d-flex {
display: flex !important;
align-items: center !important;
gap: 10px;
}
body.fazio-archive-card-page
.fazio-results-toolbar.fazio-left-toolbar
#sort-label {
display: block !important;
margin: 0 !important;
color: #b6bac4 !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1.2 !important;
white-space: nowrap;
}
body.fazio-archive-card-page
.fazio-results-toolbar.fazio-left-toolbar
.bootstrap-select {
width: 300px !important;
min-width: 240px !important;
margin: 0 !important;
}
body.fazio-archive-card-page
.fazio-results-toolbar.fazio-left-toolbar
.bootstrap-select
> .dropdown-toggle {
min-height: 52px !important;
padding: 0 48px 0 16px !important;
color: #f4f4f2 !important;
background: #151b27 !important;
border: 1px solid #3a4150 !important;
border-radius: 12px !important;
box-shadow: none !important;
}
body.fazio-archive-card-page
.fazio-results-toolbar.fazio-left-toolbar
.bootstrap-select
> .dropdown-toggle
.filter-option,
body.fazio-archive-card-page
.fazio-results-toolbar.fazio-left-toolbar
.bootstrap-select
> .dropdown-toggle
.filter-option-inner,
body.fazio-archive-card-page
.fazio-results-toolbar.fazio-left-toolbar
.bootstrap-select
> .dropdown-toggle
.filter-option-inner-inner {
color: #f4f4f2 !important;
}
body.fazio-archive-card-page
.fazio-results-toolbar.fazio-left-toolbar
.bootstrap-select
.dropdown-menu {
color: #f4f4f2 !important;
background: #151b27 !important;
border: 1px solid #3a4150 !important;
}
body.fazio-archive-card-page
.fazio-results-toolbar.fazio-left-toolbar
.bootstrap-select
.dropdown-menu
li
a {
color: #f4f4f2 !important;
background: transparent !important;
}
body.fazio-archive-card-page
.fazio-results-toolbar.fazio-left-toolbar
.bootstrap-select
.dropdown-menu
li
a:hover,
body.fazio-archive-card-page
.fazio-results-toolbar.fazio-left-toolbar
.bootstrap-select
.dropdown-menu
li.selected
a {
color: #0d1119 !important;
background: #d1c292 !important;
}
body.fazio-archive-card-page
.fazio-results-toolbar.fazio-left-toolbar
#ajax_sort_properties {
color: #f4f4f2 !important;
background: #151b27 !important;
}
body.fazio-archive-card-page
.fazio-results-toolbar.fazio-left-toolbar
#ajax_sort_properties
option {
color: #f4f4f2 !important;
background: #151b27 !important;
}
body.fazio-archive-card-page
#half-map-listing-area
> #houzez_ajax_container {
width: 100% !important;
}
@media (max-width: 1199px) {
body.fazio-archive-card-page
.fazio-results-toolbar.fazio-left-toolbar {
align-items: flex-start !important;
flex-direction: column !important;
gap: 16px;
}
body.fazio-archive-card-page
.fazio-results-toolbar.fazio-left-toolbar
.fazio-results-tools {
width: 100% !important;
justify-content: space-between !important;
}
body.fazio-archive-card-page
.fazio-results-toolbar.fazio-left-toolbar
.bootstrap-select {
width: 260px !important;
min-width: 220px !important;
}
}
/* FAZIO_SEARCH_HOUZEZ_VIEW_SWITCH_STYLES_20260711 */
body.fazio-archive-card-page
.fazio-view-switch.fazio-houzez-view-switch {
display: inline-flex !important;
align-items: center !important;
gap: 0 !important;
flex: 0 0 auto;
min-height: 52px;
padding: 5px !important;
margin: 0 !important;
background: #151b27 !important;
border: 1px solid #3a4150 !important;
border-radius: 12px !important;
}
body.fazio-archive-card-page
.fazio-view-switch.fazio-houzez-view-switch
.fazio-view-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
padding: 0 !important;
margin: 0 !important;
color: #858b98 !important;
background: transparent !important;
border: 0 !important;
border-radius: 8px !important;
box-shadow: none !important;
font-size: 21px !important;
line-height: 1 !important;
cursor: pointer;
}
body.fazio-archive-card-page
.fazio-view-switch.fazio-houzez-view-switch
.fazio-view-button:hover {
color: #d1c292 !important;
background: rgba(209, 194, 146, 0.08) !important;
}
body.fazio-archive-card-page
.fazio-view-switch.fazio-houzez-view-switch
.fazio-view-button.is-active,
body.fazio-archive-card-page
.fazio-view-switch.fazio-houzez-view-switch
.fazio-view-button.active {
color: #0d1119 !important;
background: #d1c292 !important;
}
body.fazio-archive-card-page
.fazio-view-switch.fazio-houzez-view-switch
.houzez-icon {
display: block;
margin: 0 !important;
font-size: 21px !important;
line-height: 1 !important;
pointer-events: none;
}
body.fazio-archive-card-page
.fazio-view-switch.fazio-houzez-view-switch
.btn-list {
order: 1;
}
body.fazio-archive-card-page
.fazio-view-switch.fazio-houzez-view-switch
.btn-grid {
order: 2;
}
/* FAZIO_SEARCH_VIEW_SWITCH_FUNCTIONAL_STYLES_20260711 */
/* Stato icone come pagina Immobili: nessun fondo attivo. */
body.fazio-archive-card-page
.fazio-view-switch.fazio-houzez-view-switch {
min-height: auto !important;
padding: 0 !important;
gap: 12px !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
}
body.fazio-archive-card-page
.fazio-view-switch.fazio-houzez-view-switch
.fazio-view-button {
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
color: #6f7480 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
}
body.fazio-archive-card-page
.fazio-view-switch.fazio-houzez-view-switch
.fazio-view-button:hover {
color: #d1c292 !important;
background: transparent !important;
}
body.fazio-archive-card-page
.fazio-view-switch.fazio-houzez-view-switch
.fazio-view-button.is-active,
body.fazio-archive-card-page
.fazio-view-switch.fazio-houzez-view-switch
.fazio-view-button.active {
color: #d1c292 !important;
background: transparent !important;
}
body.fazio-archive-card-page
.fazio-view-switch.fazio-houzez-view-switch
.houzez-icon {
font-size: 25px !important;
}
/* Modalità griglia. */
body.fazio-archive-card-page
.fazio-property-grid.fazio-view-mode-grid {
display: grid !important;
grid-template-columns:
repeat(2, minmax(0, 1fr)) !important;
gap: 24px !important;
}
body.fazio-archive-card-page
.fazio-property-grid.fazio-view-mode-grid
.fazio-property-card {
display: block !important;
width: 100% !important;
}
body.fazio-archive-card-page
.fazio-property-grid.fazio-view-mode-grid
.fazio-property-image,
body.fazio-archive-card-page
.fazio-property-grid.fazio-view-mode-grid
.fazio-property-content {
width: 100% !important;
}
/* Modalità lista. */
body.fazio-archive-card-page
.fazio-property-grid.fazio-view-mode-list {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 20px !important;
}
body.fazio-archive-card-page
.fazio-property-grid.fazio-view-mode-list
.fazio-property-card {
display: grid !important;
grid-template-columns:
minmax(260px, 42%)
minmax(0, 1fr) !important;
align-items: stretch !important;
width: 100% !important;
min-height: 260px;
}
body.fazio-archive-card-page
.fazio-property-grid.fazio-view-mode-list
.fazio-property-image {
width: 100% !important;
height: 100% !important;
min-height: 260px;
border-radius: inherit;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
overflow: hidden;
}
body.fazio-archive-card-page
.fazio-property-grid.fazio-view-mode-list
.fazio-property-image
img {
width: 100% !important;
height: 100% !important;
min-height: 260px;
object-fit: cover !important;
}
body.fazio-archive-card-page
.fazio-property-grid.fazio-view-mode-list
.fazio-property-content {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
width: 100% !important;
min-width: 0 !important;
padding: 28px !important;
}
@media (max-width: 767px) {
body.fazio-archive-card-page
.fazio-property-grid.fazio-view-mode-grid {
grid-template-columns:
minmax(0, 1fr) !important;
}
body.fazio-archive-card-page
.fazio-property-grid.fazio-view-mode-list
.fazio-property-card {
display: block !important;
min-height: 0;
}
body.fazio-archive-card-page
.fazio-property-grid.fazio-view-mode-list
.fazio-property-image {
height: auto !important;
min-height: 0 !important;
border-top-right-radius: inherit !important;
border-bottom-left-radius: 0 !important;
}
body.fazio-archive-card-page
.fazio-property-grid.fazio-view-mode-list
.fazio-property-image
img {
height: auto !important;
min-height: 0 !important;
}
}
/* FAZIO_SEARCH_CARD_META_ICONS_STYLES_20260711 */
body.fazio-archive-card-page
.fazio-property-meta {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 18px !important;
}
body.fazio-archive-card-page
.fazio-property-meta
.fazio-property-meta-item {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
margin: 0 !important;
color: #b9bdc7 !important;
font-size: 15px !important;
line-height: 1 !important;
white-space: nowrap;
}
body.fazio-archive-card-page
.fazio-property-meta
.fazio-property-meta-item
.houzez-icon,
body.fazio-archive-card-page
.fazio-property-meta
.fazio-property-meta-item
.fa-solid {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto;
width: 19px !important;
height: 19px !important;
margin: 0 !important;
color: #d1c292 !important;
font-size: 18px !important;
line-height: 1 !important;
}
body.fazio-archive-card-page
.fazio-property-meta
.fazio-property-meta-value {
display: inline-block;
color: #b9bdc7 !important;
font-size: 15px !important;
line-height: 1 !important;
}
/* Hover badge Vendita. */
body.fazio-archive-card-page
.fazio-property-status {
transition:
color 180ms ease,
background-color 180ms ease,
border-color 180ms ease,
transform 180ms ease !important;
}
body.fazio-archive-card-page
.fazio-property-image:hover
.fazio-property-status {
color: #0d1119 !important;
background: #d1c292 !important;
border-color: #d1c292 !important;
transform: translateY(-1px);
}
/* Pulsante confronto: centro reale del simbolo +. */
body.fazio-archive-card-page
.fazio-property-action {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
height: 42px !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
color: #d1c292 !important;
background: #0d1119 !important;
border: 1px solid #596171 !important;
border-radius: 50% !important;
font-family: Arial, sans-serif !important;
font-size: 24px !important;
font-weight: 300 !important;
line-height: 1 !important;
text-align: center !important;
text-indent: 0 !important;
transform: none !important;
transition:
color 180ms ease,
background-color 180ms ease,
border-color 180ms ease,
transform 180ms ease !important;
}
body.fazio-archive-card-page
.fazio-property-image:hover
.fazio-property-action,
body.fazio-archive-card-page
.fazio-property-action:hover {
color: #0d1119 !important;
background: #d1c292 !important;
border-color: #d1c292 !important;
transform: scale(1.05) !important;
}
/*
* Correzione ottica del glifo +.
* Mantiene il centro geometrico del cerchio.
*/
body.fazio-archive-card-page
.fazio-property-action {
padding-bottom: 2px !important;
}
@media (max-width: 767px) {
body.fazio-archive-card-page
.fazio-property-meta {
gap: 14px !important;
}
body.fazio-archive-card-page
.fazio-property-meta
.fazio-property-meta-item
.houzez-icon,
body.fazio-archive-card-page
.fazio-property-meta
.fazio-property-meta-item
.fa-solid {
width: 18px !important;
height: 18px !important;
font-size: 17px !important;
}
body.fazio-archive-card-page
.fazio-property-action {
width: 40px !important;
height: 40px !important;
font-size: 22px !important;
}
}
/* FAZIO_SEARCH_CARD_ACTIONS_STRUCTURAL_STYLES_20260711 */
body.fazio-archive-card-page
.fazio-property-image.fazio-property-image-structured {
position: relative;
display: block;
width: 100%;
overflow: hidden;
}
body.fazio-archive-card-page
.fazio-property-image-link {
position: relative;
z-index: 1;
display: block;
width: 100%;
height: 100%;
}
body.fazio-archive-card-page
.fazio-property-image-link
img {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
/* Annulla l'hover globale precedentemente legato all'immagine. */
body.fazio-archive-card-page
.fazio-property-image:hover
.fazio-property-status {
color: #d1c292 !important;
background: #20242d !important;
border-color: #596171 !important;
transform: none !important;
}
body.fazio-archive-card-page
.fazio-property-image:hover
.fazio-property-action {
color: #d1c292 !important;
background: #0d1119 !important;
border-color: #596171 !important;
transform: none !important;
}
/* Badge indipendente. */
body.fazio-archive-card-page
.fazio-property-image-structured
.fazio-property-status {
position: absolute;
z-index: 5;
cursor: pointer;
}
body.fazio-archive-card-page
.fazio-property-image-structured
.fazio-property-status:hover,
body.fazio-archive-card-page
.fazio-property-image-structured
.fazio-property-status:focus-visible {
color: #0d1119 !important;
background: #d1c292 !important;
border-color: #d1c292 !important;
transform: translateY(-1px) !important;
outline: none;
}
/* Pulsante confronto indipendente. */
body.fazio-archive-card-page
.fazio-compare-button {
position: absolute;
z-index: 6;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
height: 42px !important;
padding: 0 !important;
margin: 0 !important;
color: #d1c292 !important;
background: #0d1119 !important;
border: 1px solid #596171 !important;
border-radius: 50% !important;
box-shadow: none !important;
cursor: pointer;
}
body.fazio-archive-card-page
.fazio-compare-button
> span {
display: block;
height: 24px;
font-family: Arial, sans-serif;
font-size: 24px;
font-weight: 300;
line-height: 22px;
text-align: center;
transform: translateY(-1px);
}
body.fazio-archive-card-page
.fazio-compare-button:hover,
body.fazio-archive-card-page
.fazio-compare-button:focus-visible {
color: #0d1119 !important;
background: #d1c292 !important;
border-color: #d1c292 !important;
transform: scale(1.04) !important;
outline: none;
}
/* Tooltip Compara. */
body.fazio-archive-card-page
.fazio-compare-button::before {
content: attr(data-fazio-tooltip);
position: absolute;
top: 50%;
right: calc(100% + 10px);
z-index: 20;
padding: 6px 9px;
color: #f4f4f2;
background: rgba(5, 7, 11, 0.95);
border: 1px solid rgba(255, 255, 255, 0.10);
border-radius: 6px;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
font-family: inherit;
font-size: 11px;
font-weight: 500;
line-height: 1;
letter-spacing: 0;
text-transform: none;
white-space: nowrap;
pointer-events: none;
opacity: 0;
visibility: hidden;
transform: translate(4px, -50%);
transition:
opacity 150ms ease,
transform 150ms ease,
visibility 150ms ease;
}
body.fazio-archive-card-page
.fazio-compare-button:hover::before,
body.fazio-archive-card-page
.fazio-compare-button:focus-visible::before {
opacity: 1;
visibility: visible;
transform: translate(0, -50%);
}
/* Prezzo richiesto. */
body.fazio-archive-card-page
.fazio-property-price {
font-size: 20px !important;
line-height: 1.2 !important;
}
/* FAZIO_SEARCH_COMPARE_NATIVE_COMPATIBLE_STYLES_20260711 */
/*
* Stato normale mantenuto anche quando viene puntata la card
* o l'intera immagine.
*/
body.fazio-archive-card-page
.fazio-property-card:hover
.fazio-compare-button,
body.fazio-archive-card-page
.fazio-property-image:hover
.fazio-compare-button {
color: #d1c292 !important;
background: #0d1119 !important;
border-color: #596171 !important;
transform: none !important;
}
/* Hover esclusivamente sul pulsante. */
body.fazio-archive-card-page
.fazio-property-card
.fazio-compare-button:hover,
body.fazio-archive-card-page
.fazio-property-card
.fazio-compare-button:focus-visible {
color: #0d1119 !important;
background: #d1c292 !important;
border-color: #d1c292 !important;
transform: scale(1.04) !important;
}
/* Stato già aggiunto, senza simulare hover sulla card. */
body.fazio-archive-card-page
.fazio-property-card
.fazio-compare-button.is-compared:not(:hover):not(:focus-visible) {
color: #d1c292 !important;
background: #0d1119 !important;
border-color: #d1c292 !important;
transform: none !important;
}
/* Centro richiesto: 24px reali. */
body.fazio-archive-card-page
.fazio-compare-button
.fazio-compare-symbol {
display: block !important;
width: 24px !important;
height: 24px !important;
margin: 0 !important;
font-family: Arial, sans-serif !important;
font-size: 24px !important;
font-weight: 300 !important;
line-height: 24px !important;
text-align: center !important;
transform: translateY(-1px);
}
/* FAZIO_SEARCH_CARD_STATUS_INVERTED_HOVER_20260711 */
/* Stato normale: oro con testo nero. */
body.fazio-archive-card-page
.fazio-property-card
.fazio-property-status,
body.fazio-archive-card-page
.fazio-property-card:hover
.fazio-property-status,
body.fazio-archive-card-page
.fazio-property-image:hover
.fazio-property-status {
color: #0d1119 !important;
background: #d1c292 !important;
border-color: #d1c292 !important;
transform: none !important;
}
/* Hover diretto: nero con testo oro. */
body.fazio-archive-card-page
.fazio-property-card
.fazio-property-status:hover,
body.fazio-archive-card-page
.fazio-property-card
.fazio-property-status:focus-visible {
color: #d1c292 !important;
background: #0d1119 !important;
border-color: #d1c292 !important;
transform: translateY(-1px) !important;
outline: none;
}
/* Archive-specific structural guarantees. */
body.fazio-archive-card-page
.fazio-archive-item-v1
> .item-wrap {
height: 100%;
padding: 0 !important;
overflow: visible !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.fazio-archive-card-page
.fazio-archive-property-card {
width: 100%;
height: 100%;
}
body.fazio-archive-card-page
.fazio-native-compare-icon {
position: absolute !important;
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
overflow: hidden !important;
pointer-events: none !important;
}
body.fazio-archive-card-page
.fazio-property-price {
font-size: 20px !important;
line-height: 1.2 !important;
}
/* FAZIO_ARCHIVE_TWO_COLUMN_GRID_20260711 */
body.fazio-page-immobili.fazio-archive-card-page
.listing-view.grid-view {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 24px !important;
width: 100% !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
body.fazio-page-immobili.fazio-archive-card-page
.listing-view.grid-view
> .item-listing-wrap {
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
flex: none !important;
}
body.fazio-page-immobili.fazio-archive-card-page
.listing-view.grid-view
.fazio-archive-property-card {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
}
body.fazio-page-immobili.fazio-archive-card-page
.listing-view.grid-view
.fazio-property-image {
width: 100% !important;
aspect-ratio: 4 / 3 !important;
overflow: hidden !important;
}
body.fazio-page-immobili.fazio-archive-card-page
.listing-view.grid-view
.fazio-property-image img {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
@media (max-width: 767px) {
body.fazio-page-immobili.fazio-archive-card-page
.listing-view.grid-view {
grid-template-columns: minmax(0, 1fr) !important;
gap: 20px !important;
}
}
/* FAZIO_ARCHIVE_LISTING_TOOLBAR_FIX_20260711 */
body.fazio-archive-card-page
.listing-tools-wrap {
position: relative !important;
z-index: 2 !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
flex-wrap: nowrap !important;
gap: 24px !important;
width: 100% !important;
min-height: 48px !important;
margin: 0 0 24px !important;
padding: 0 !important;
clear: both !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
.listing-tabs,
body.fazio-archive-card-page
.listing-tools-wrap
.listing-tabs-wrap,
body.fazio-archive-card-page
.listing-tools-wrap
.listing-tabs-wrap-2 {
position: static !important;
display: flex !important;
align-items: center !important;
flex: 0 1 auto !important;
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
.listing-sort-by,
body.fazio-archive-card-page
.listing-tools-wrap
.sort-by,
body.fazio-archive-card-page
.listing-tools-wrap
.sort-by-wrap {
position: static !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
flex: 0 0 auto !important;
gap: 12px !important;
width: auto !important;
min-width: 0 !important;
margin: 0 0 0 auto !important;
padding: 0 !important;
float: none !important;
transform: none !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
.listing-sort-by
label,
body.fazio-archive-card-page
.listing-tools-wrap
.sort-by
label {
margin: 0 !important;
white-space: nowrap !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
select {
position: static !important;
width: auto !important;
min-width: 220px !important;
max-width: 100% !important;
margin: 0 !important;
float: none !important;
transform: none !important;
}
body.fazio-archive-card-page
.listing-view.grid-view {
position: relative !important;
clear: both !important;
margin-top: 0 !important;
}
@media (max-width: 767px) {
body.fazio-archive-card-page
.listing-tools-wrap {
align-items: stretch !important;
flex-direction: column !important;
gap: 14px !important;
margin-bottom: 20px !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
.listing-sort-by,
body.fazio-archive-card-page
.listing-tools-wrap
.sort-by,
body.fazio-archive-card-page
.listing-tools-wrap
.sort-by-wrap {
justify-content: space-between !important;
width: 100% !important;
margin-left: 0 !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
select {
min-width: 0 !important;
width: 100% !important;
}
}
/* FAZIO_ARCHIVE_TOOLBAR_FINAL_FIX_20260711 */
body.fazio-archive-card-page
.listing-tools-wrap {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: center !important;
column-gap: 32px !important;
row-gap: 0 !important;
width: 100% !important;
min-height: 52px !important;
margin: 0 0 24px !important;
padding: 0 !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
> * {
min-width: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
> *:first-child {
justify-self: start !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
> *:last-child {
justify-self: end !important;
margin-left: auto !important;
}
body.fazio-archive-card-page
.listing-sort-by,
body.fazio-archive-card-page
.sort-by,
body.fazio-archive-card-page
.sort-by-wrap {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 12px !important;
width: auto !important;
min-width: 0 !important;
margin: 0 0 0 auto !important;
padding: 0 !important;
float: none !important;
}
body.fazio-archive-card-page
.listing-sort-by label,
body.fazio-archive-card-page
.sort-by label,
body.fazio-archive-card-page
.sort-by-wrap label {
display: block !important;
flex: 0 0 auto !important;
margin: 0 !important;
white-space: nowrap !important;
}
body.fazio-archive-card-page
.listing-sort-by .bootstrap-select,
body.fazio-archive-card-page
.sort-by .bootstrap-select,
body.fazio-archive-card-page
.sort-by-wrap .bootstrap-select,
body.fazio-archive-card-page
.listing-sort-by select,
body.fazio-archive-card-page
.sort-by select,
body.fazio-archive-card-page
.sort-by-wrap select {
flex: 0 0 260px !important;
width: 260px !important;
min-width: 260px !important;
max-width: 260px !important;
margin: 0 !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
+ .listing-view {
margin-top: 0 !important;
}
@media (max-width: 767px) {
body.fazio-archive-card-page
.listing-tools-wrap {
grid-template-columns: minmax(0, 1fr) !important;
row-gap: 14px !important;
margin-bottom: 20px !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
> * {
width: 100% !important;
justify-self: stretch !important;
}
body.fazio-archive-card-page
.listing-sort-by,
body.fazio-archive-card-page
.sort-by,
body.fazio-archive-card-page
.sort-by-wrap {
justify-content: space-between !important;
width: 100% !important;
margin-left: 0 !important;
}
body.fazio-archive-card-page
.listing-sort-by .bootstrap-select,
body.fazio-archive-card-page
.sort-by .bootstrap-select,
body.fazio-archive-card-page
.sort-by-wrap .bootstrap-select,
body.fazio-archive-card-page
.listing-sort-by select,
body.fazio-archive-card-page
.sort-by select,
body.fazio-archive-card-page
.sort-by-wrap select {
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
}
}
/* FAZIO_ARCHIVE_TOOLBAR_REAL_MARKUP_FIX_20260711 */
body.fazio-archive-card-page
.listing-tools-wrap {
display: block !important;
width: 100% !important;
min-height: 0 !important;
margin: 0 0 24px !important;
padding: 0 !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
> .d-flex {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
flex-wrap: nowrap !important;
gap: 24px !important;
width: 100% !important;
min-height: 45px !important;
margin: 0 !important;
padding: 0 !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
.listings-count {
display: block !important;
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
white-space: nowrap !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
.sort-by {
display: block !important;
flex: 0 0 auto !important;
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
.sort-by
> .d-flex {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
flex-wrap: nowrap !important;
gap: 12px !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
.sort-by-title {
display: block !important;
flex: 0 0 auto !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
white-space: nowrap !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
.sort-by
.bootstrap-select {
display: block !important;
flex: 0 0 260px !important;
width: 260px !important;
min-width: 260px !important;
max-width: 260px !important;
margin: 0 !important;
padding: 0 !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
.sort-by
.bootstrap-select
> .dropdown-toggle {
width: 100% !important;
min-width: 0 !important;
height: 45px !important;
margin: 0 !important;
}
body.fazio-archive-card-page
.listing-view.grid-view {
clear: both !important;
margin-top: 0 !important;
}
@media (max-width: 767px) {
body.fazio-archive-card-page
.listing-tools-wrap
> .d-flex {
align-items: stretch !important;
flex-direction: column !important;
gap: 14px !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
.listings-count {
width: 100% !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
.sort-by {
width: 100% !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
.sort-by
> .d-flex {
justify-content: space-between !important;
width: 100% !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
.sort-by
.bootstrap-select {
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
}
}
/* FAZIO_ARCHIVE_SORT_DUPLICATE_SELECT_FIX_20260711 */
/*
* Bootstrap-select genera:
* - select#sort_properties originale
* - div.bootstrap-select con pulsante visibile
*
* Il select originale deve restare accessibile al plugin,
* ma non deve occupare spazio né essere visibile.
*/
body.fazio-archive-card-page
.listing-tools-wrap
.sort-by
.bootstrap-select
> select#sort_properties {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 1px !important;
height: 1px !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
border: 0 !important;
opacity: 0 !important;
pointer-events: none !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
.sort-by
.bootstrap-select {
position: relative !important;
display: inline-block !important;
flex: 0 0 260px !important;
width: 260px !important;
min-width: 260px !important;
max-width: 260px !important;
height: 45px !important;
margin: 0 !important;
padding: 0 !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
.sort-by
.bootstrap-select
> button.dropdown-toggle {
position: relative !important;
display: flex !important;
align-items: center !important;
width: 100% !important;
height: 45px !important;
margin: 0 !important;
padding: 0 40px 0 16px !important;
overflow: hidden !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
.sort-by
.bootstrap-select
> button.dropdown-toggle
.filter-option {
position: static !important;
width: 100% !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
.sort-by
.bootstrap-select
> button.dropdown-toggle
.filter-option-inner-inner {
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
.sort-by
.bootstrap-select
> .dropdown-menu {
width: 100% !important;
min-width: 260px !important;
}
/* FAZIO_ARCHIVE_SORT_DROPDOWN_ZINDEX_FIX_20260711 */
body.fazio-archive-card-page
.listing-tools-wrap {
position: relative !important;
z-index: 100 !important;
overflow: visible !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
> .d-flex,
body.fazio-archive-card-page
.listing-tools-wrap
.sort-by,
body.fazio-archive-card-page
.listing-tools-wrap
.sort-by
> .d-flex {
position: relative !important;
z-index: 101 !important;
overflow: visible !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
.sort-by
.bootstrap-select {
position: relative !important;
z-index: 102 !important;
overflow: visible !important;
}
body.fazio-archive-card-page
.listing-tools-wrap
.sort-by
.bootstrap-select.show,
body.fazio-archive-card-page
.listing-tools-wrap
.sort-by
.bootstrap-select
> .dropdown-menu.show {
z-index: 10000 !important;
}
body.fazio-archive-card-page
.listing-view.grid-view {
position: relative !important;
z-index: 1 !important;
}
body.fazio-archive-card-page
.fazio-archive-property-card
.fazio-property-action {
z-index: 5 !important;
}
/* FAZIO_ARCHIVE_SEARCH_BAR_UNIFIED_REMOVED_20260712
* Rimosso il blocco che stilava la search bar degli archivi
* (ex FAZIO_ARCHIVE_SEARCH_BAR_UNIFIED / SEARCH_ICONS_VISUAL_FIX /
* SEARCH_LENS_EXACT_MATCH, 20260711).
*
* Motivo: quelle regole erano ancorate a
* body.fazio-archive-card-page #desktop-search-form ...
* (specificita' con ID + !important) e sovrascrivevano la stessa
* .fazio-search-bar governata da fazio-immobili-searchbar.css
* (scope a sole classi), che e' la porta fedele di
* fazio-search-results-v4(-ext)/ui-repair usata da search-results.
* Imponevano padding 0 38px 0 14px sul .dropdown-toggle (testo
* "Camere" troncato), colori #151b27/#3a4150 al posto di
* #161c28/rgba(255,255,255,.1) e un .dropdown-menu scuro che su
* search-results non esiste (li' il menu e' il default Bootstrap).
* La parte restante agiva su classi Houzez non piu' presenti nel
* markup Fazio (.advanced-search-v1, .fields-width, .btn-search,
* .reset-search-btn, .advanced-search-btn, .search-icon,
* .keyword-field-wrap): regole morte.
*
* La search bar degli archivi e' ora governata esclusivamente da
* assets/css/fazio-immobili-searchbar.css.
*/
/* FAZIO_SIMILAR_TYPOGRAPHY_FIX_20260712 */
body.fazio-similar-cards #similar-listings-wrap .fazio-property-title,
body.fazio-similar-cards #similar-listings-wrap .fazio-property-title a {
font-size: 15px !important;
}
body.fazio-similar-cards #similar-listings-wrap .fazio-property-price {
font-size: 20px !important;
}
/* FAZIO_SIMILAR_TEXT_TRANSFORM_FIX_20260712 */
body.fazio-similar-cards #similar-listings-wrap .fazio-property-title,
body.fazio-similar-cards #similar-listings-wrap .fazio-property-title a {
text-transform: capitalize !important;
letter-spacing: 0 !important;
}
/* FAZIO_CAROUSEL_WRAPPER_COMPAT_20260716 */
body.fazio-home-featured
.houzez-properties-carousel-js
.fazio-home-card-item
> .item-wrap {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
}
body.fazio-home-featured
.houzez-properties-carousel-js
.slick-slide {
height: auto;
}
body.fazio-home-featured
.houzez-properties-carousel-js
.slick-slide
> div {
height: 100%;
}
/* FAZIO_CAROUSEL_ARROWS_POSITION_20260716 */
body.fazio-home-featured
.houzez-properties-carousel-js {
position: relative;
}
body.fazio-home-featured
.houzez-properties-carousel-js
.slick-prev,
body.fazio-home-featured
.houzez-properties-carousel-js
.slick-next {
top: 50%;
transform: translateY(-50%);
z-index: 50;
width: 48px;
height: 48px;
}
body.fazio-home-featured
.houzez-properties-carousel-js
.slick-prev {
left: -72px;
}
body.fazio-home-featured
.houzez-properties-carousel-js
.slick-next {
right: -72px;
}
/* FAZIO_REAL_CAROUSEL_BUTTONS_POSITION_20260716 */
body.fazio-home-featured
.property-carousel-buttons-wrap
.slick-prev {
left: -80px !important;
}
body.fazio-home-featured
.property-carousel-buttons-wrap
.slick-next {
right: -80px !important;
}
body.fazio-home-featured
.property-carousel-buttons-wrap
.slick-prev,
body.fazio-home-featured
.property-carousel-buttons-wrap
.slick-next {
z-index: 100 !important;
}