/* EstiCRM - Wyszukiwarka ofert. Body prefix + !important.
Buttony esticrm-btn--reset / --more / --search w gold akcent. */
body .esticrm-browser {
width: 100% !important;
color: var(--esticrm-text) !important;
font-family: var(--esticrm-font-sans) !important;
}
/* v8 A7: keyword search input + auto-suggest dropdown */
body .esticrm-search__keyword {
position: relative !important;
margin: 0 0 12px !important;
display: flex !important;
align-items: center !important;
background: #fff !important;
border: 1px solid var(--esticrm-border) !important;
border-radius: 999px !important;
padding: 6px 14px 6px 12px !important;
transition: border-color .15s, box-shadow .15s !important;
}
body .esticrm-search__keyword:focus-within {
border-color: var(--esticrm-accent) !important;
box-shadow: 0 0 0 3px rgba(214,176,104,.12) !important;
}
body .esticrm-search__keyword-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 18px !important;
height: 18px !important;
margin-right: 10px !important;
color: var(--esticrm-muted) !important;
flex-shrink: 0 !important;
transition: color .15s !important;
}
body .esticrm-search__keyword-icon svg,
body .esticrm-search__keyword-icon img {
width: 100% !important;
height: 100% !important;
color: currentColor !important;
}
body .esticrm-search__keyword-icon svg [stroke]:not([stroke="none"]) { stroke: currentColor !important; }
body .esticrm-search__keyword-icon svg [fill]:not([fill="none"]) { fill: currentColor !important; }
body .esticrm-search__keyword-icon i {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 16px !important;
color: currentColor !important;
line-height: 1 !important;
}
/* v10 B8 — tytuł nad/pod/inside keyword box */
body .esticrm-search__keyword-wrap {
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
margin: 0 0 12px !important;
}
body .esticrm-search__keyword-wrap .esticrm-search__keyword {
margin: 0 !important;
}
body .esticrm-search__keyword-title {
display: block !important;
font-size: 13px !important;
font-weight: 500 !important;
color: var(--esticrm-text) !important;
margin: 0 !important;
}
body .esticrm-search__keyword-title--inside {
position: absolute !important;
top: -8px !important;
left: 14px !important;
padding: 0 6px !important;
background: #fff !important;
font-size: 11px !important;
color: var(--esticrm-muted) !important;
z-index: 1 !important;
}
body .esticrm-search__keyword-wrap--title-inside .esticrm-search__keyword {
position: relative !important;
}
body .esticrm-search__keyword-input {
flex: 1 !important;
border: 0 !important;
background: transparent !important;
padding: 8px 0 !important;
outline: 0 !important;
font: 400 14px/1.4 var(--esticrm-font-sans) !important;
color: var(--esticrm-text) !important;
}
body .esticrm-search__suggest {
position: absolute !important;
top: calc(100% + 4px) !important;
left: 0 !important;
right: 0 !important;
z-index: 60 !important;
margin: 0 !important;
padding: 6px 0 !important;
list-style: none !important;
background: #fff !important;
border: 1px solid var(--esticrm-border) !important;
border-radius: 12px !important;
box-shadow: 0 10px 30px rgba(0,0,0,.12) !important;
max-height: 360px !important;
overflow-y: auto !important;
}
body .esticrm-search__suggest-item a {
display: flex !important;
align-items: center !important;
gap: 10px !important;
padding: 8px 14px !important;
color: var(--esticrm-text) !important;
text-decoration: none !important;
font-size: 14px !important;
}
body .esticrm-search__suggest-item a:hover { background: var(--esticrm-bg) !important; }
body .esticrm-search__suggest-type {
font-size: 10px !important;
text-transform: uppercase !important;
letter-spacing: .8px !important;
color: var(--esticrm-muted) !important;
padding: 2px 6px !important;
background: var(--esticrm-bg) !important;
border-radius: 4px !important;
}
body .esticrm-search__suggest-label { font-weight: 500 !important; }
/* ============================================================
v10 B7 — 7 WARIANTÓW WYSZUKIWARKI Z OSOBNYMI STRUKTURAMI HTML
============================================================ */
/* Wspólne — chipsy wariantowe */
body .esticrm-search__chips,
body .esticrm-search__hero-chips {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
margin: 0 0 14px !important;
}
body .esticrm-search__chip,
body .esticrm-search__chip-pill,
body .esticrm-search__chip-red,
body .esticrm-search__hero-chip {
padding: 8px 16px !important;
border-radius: 999px !important;
border: 1px solid var(--esticrm-border) !important;
background: #fff !important;
color: var(--esticrm-text) !important;
font-size: 13px !important;
font-weight: 500 !important;
cursor: pointer !important;
transition: all .15s !important;
font-family: var(--esticrm-font-sans) !important;
}
body .esticrm-search__chip:hover,
body .esticrm-search__chip-pill:hover,
body .esticrm-search__chip-red:hover,
body .esticrm-search__hero-chip:hover {
border-color: var(--esticrm-accent) !important;
color: var(--esticrm-accent) !important;
}
body .esticrm-search__chip.is-active,
body .esticrm-search__chip-pill.is-active,
body .esticrm-search__chip-red.is-active,
body .esticrm-search__hero-chip.is-active {
background: var(--esticrm-accent) !important;
color: #fff !important;
border-color: var(--esticrm-accent) !important;
}
/* ====== 1. OTODOM COMPACT — biały + niebieski akcent + żółty CTA ====== */
body .esticrm-browser--variant-otodom-compact {
--esticrm-accent: #003366 !important;
--esticrm-accent-light: #0a4a86 !important;
}
body .esticrm-browser--variant-otodom-compact .esticrm-search__panel {
background: #fff !important;
padding: 16px !important;
border-radius: 8px !important;
border: 1px solid #e1e8f0 !important;
box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
}
body .esticrm-browser--variant-otodom-compact .esticrm-search__chip {
border-radius: 4px !important;
padding: 6px 12px !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: .4px !important;
}
body .esticrm-browser--variant-otodom-compact .esticrm-btn--search {
background: #FFAA00 !important;
color: #003366 !important;
border-color: #FFAA00 !important;
font-weight: 700 !important;
text-transform: uppercase !important;
}
/* ====== 2. RIGHTMOVE HERO — purple gradient + duzy keyword centered ====== */
body .esticrm-browser--variant-rightmove-hero {
--esticrm-accent: #6d2c91 !important;
}
body .esticrm-browser--variant-rightmove-hero .esticrm-search__variant-hero--rightmove {
background: linear-gradient(135deg, #4f1e6e 0%, #8a3eb3 100%) !important;
padding: 48px 32px !important;
border-radius: 12px !important;
text-align: center !important;
margin-bottom: 20px !important;
}
body .esticrm-browser--variant-rightmove-hero .esticrm-search__hero-chips {
justify-content: center !important;
margin-bottom: 20px !important;
}
body .esticrm-browser--variant-rightmove-hero .esticrm-search__hero-chip {
background: rgba(255,255,255,.15) !important;
border-color: rgba(255,255,255,.3) !important;
color: #fff !important;
padding: 10px 22px !important;
}
body .esticrm-browser--variant-rightmove-hero .esticrm-search__hero-chip.is-active {
background: #fff !important;
color: #4f1e6e !important;
}
body .esticrm-browser--variant-rightmove-hero .esticrm-search__hero-keyword {
max-width: 680px !important;
margin: 0 auto !important;
}
body .esticrm-browser--variant-rightmove-hero .esticrm-search__hero-keyword .esticrm-search__keyword {
padding: 14px 22px !important;
border-radius: 12px !important;
background: #fff !important;
box-shadow: 0 12px 40px rgba(0,0,0,.25) !important;
}
body .esticrm-browser--variant-rightmove-hero .esticrm-search__hero-keyword .esticrm-search__keyword-input {
font-size: 17px !important;
padding: 10px 0 !important;
}
body .esticrm-browser--variant-rightmove-hero .esticrm-search__panel {
background: #fafafa !important;
border-radius: 8px !important;
padding: 16px !important;
border: 1px solid #e8e8e8 !important;
}
/* ====== 3. ZILLOW CHIPS — flat chipsy poziome + blue outline ====== */
body .esticrm-browser--variant-zillow-chips {
--esticrm-accent: #006aff !important;
}
body .esticrm-browser--variant-zillow-chips .esticrm-search__variant-hero--zillow {
margin-bottom: 12px !important;
}
body .esticrm-browser--variant-zillow-chips .esticrm-search__chip-pill {
background: transparent !important;
border-color: #c8d0db !important;
border-radius: 6px !important;
padding: 8px 14px !important;
font-size: 14px !important;
}
body .esticrm-browser--variant-zillow-chips .esticrm-search__chip-pill.is-active {
background: #006aff !important;
border-color: #006aff !important;
}
body .esticrm-browser--variant-zillow-chips .esticrm-search__panel {
background: #fff !important;
border: 2px solid #006aff !important;
border-radius: 8px !important;
padding: 8px !important;
}
body .esticrm-browser--variant-zillow-chips .sp-row {
display: flex !important;
flex-wrap: wrap !important;
gap: 4px !important;
}
/* ====== 4. IDEALISTA MINIMAL — single-row flex z separatorami + zielony ====== */
body .esticrm-browser--variant-idealista-minimal {
--esticrm-accent: #19a25c !important;
}
body .esticrm-browser--variant-idealista-minimal .esticrm-search__panel {
background: #fff !important;
border: 1px solid #d4d8dd !important;
border-radius: 6px !important;
padding: 0 !important;
}
body .esticrm-browser--variant-idealista-minimal .sp-row,
body .esticrm-browser--variant-idealista-minimal .sp-row-bottom {
display: flex !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
margin: 0 !important;
overflow-x: auto !important;
}
body .esticrm-browser--variant-idealista-minimal .sp-field {
border-right: 1px solid #d4d8dd !important;
padding: 10px 14px !important;
min-width: 140px !important;
flex: 1 1 auto !important;
}
body .esticrm-browser--variant-idealista-minimal .sp-field label {
font-size: 10px !important;
text-transform: uppercase !important;
letter-spacing: .8px !important;
color: #6b7280 !important;
}
body .esticrm-browser--variant-idealista-minimal .sp-select,
body .esticrm-browser--variant-idealista-minimal .sp-input {
border: 0 !important;
background: transparent !important;
padding: 4px 0 !important;
font-size: 14px !important;
font-weight: 600 !important;
}
body .esticrm-browser--variant-idealista-minimal .esticrm-btn--search {
background: #19a25c !important;
border-color: #19a25c !important;
border-radius: 0 6px 6px 0 !important;
margin: 0 !important;
}
/* ====== 5. REDFIN MAP FIRST — sticky top bar + czerwony ====== */
body .esticrm-browser--variant-redfin-map-first {
--esticrm-accent: #d63b1f !important;
}
body .esticrm-browser--variant-redfin-map-first .esticrm-search__variant-hero--redfin {
position: sticky !important;
top: 0 !important;
z-index: 40 !important;
background: #fff !important;
padding: 12px 16px !important;
border-bottom: 1px solid #e5e7eb !important;
box-shadow: 0 2px 6px rgba(0,0,0,.06) !important;
margin: 0 0 12px !important;
}
body .esticrm-browser--variant-redfin-map-first .esticrm-search__redfin-bar {
display: flex !important;
align-items: center !important;
gap: 14px !important;
max-width: 1240px !important;
margin: 0 auto !important;
}
body .esticrm-browser--variant-redfin-map-first .esticrm-search__redfin-bar .esticrm-search__keyword-wrap {
flex: 1 1 auto !important;
margin: 0 !important;
}
body .esticrm-browser--variant-redfin-map-first .esticrm-search__chip-red {
border-radius: 4px !important;
padding: 6px 12px !important;
font-size: 12px !important;
}
body .esticrm-browser--variant-redfin-map-first .esticrm-btn--search {
background: #d63b1f !important;
border-color: #d63b1f !important;
font-weight: 700 !important;
}
/* ====== 6. LUXURY SIDEBAR — pionowa kolumna 340px ciemna + gold ====== */
body .esticrm-browser--variant-luxury-sidebar {
--esticrm-accent: #c9a45e !important;
display: grid !important;
grid-template-columns: 340px 1fr !important;
gap: 24px !important;
align-items: start !important;
}
/* v11.3.21 — mobile/tablet: zamiast sidebar+wyniki side-by-side → stack (panel na górze, wyniki pod) */
@media (max-width: 1024px) {
body .esticrm-browser--variant-luxury-sidebar {
display: block !important;
grid-template-columns: none !important;
gap: 0 !important;
}
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-search {
background: #1a1a1a !important;
color: #f5f1e8 !important;
padding: 32px 24px !important;
border-radius: 0 !important;
grid-column: 1 !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__luxury-title {
font-family: var(--esticrm-font-serif, Georgia, serif) !important;
font-size: 28px !important;
font-weight: 300 !important;
color: #c9a45e !important;
margin: 0 0 4px !important;
letter-spacing: .5px !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__luxury-sub {
font-size: 11px !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
color: #918578 !important;
margin: 0 0 28px !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__panel {
background: transparent !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
}
body .esticrm-browser--variant-luxury-sidebar .sp-row,
body .esticrm-browser--variant-luxury-sidebar .sp-row-bottom {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
}
body .esticrm-browser--variant-luxury-sidebar .sp-field label {
color: #918578 !important;
font-size: 10px !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
}
body .esticrm-browser--variant-luxury-sidebar .sp-select,
body .esticrm-browser--variant-luxury-sidebar .sp-input {
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid #3a3530 !important;
border-radius: 0 !important;
color: #f5f1e8 !important;
padding: 6px 0 !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-btn--search {
background: #c9a45e !important;
color: #1a1a1a !important;
border-color: #c9a45e !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
font-weight: 600 !important;
border-radius: 0 !important;
}
/* ====== 7. COMPASS CLEAN — minimal underline ====== */
body .esticrm-browser--variant-compass-clean {
--esticrm-accent: #000 !important;
}
body .esticrm-browser--variant-compass-clean .esticrm-search__variant-hero--compass {
margin-bottom: 12px !important;
max-width: 720px !important;
}
body .esticrm-browser--variant-compass-clean .esticrm-search__variant-hero--compass .esticrm-search__keyword {
border: 0 !important;
border-bottom: 1px solid #1a1a1a !important;
border-radius: 0 !important;
background: transparent !important;
padding: 8px 0 !important;
box-shadow: none !important;
}
body .esticrm-browser--variant-compass-clean .esticrm-search__variant-hero--compass .esticrm-search__keyword-input {
font-size: 18px !important;
font-weight: 300 !important;
letter-spacing: .3px !important;
}
body .esticrm-browser--variant-compass-clean .esticrm-search__panel {
background: transparent !important;
border: 0 !important;
padding: 0 !important;
}
body .esticrm-browser--variant-compass-clean .sp-field {
border-bottom: 1px solid #e5e7eb !important;
padding: 8px 0 !important;
}
body .esticrm-browser--variant-compass-clean .sp-select,
body .esticrm-browser--variant-compass-clean .sp-input {
border: 0 !important;
background: transparent !important;
padding: 4px 0 !important;
}
body .esticrm-browser--variant-compass-clean .esticrm-btn--search {
background: #1a1a1a !important;
border-color: #1a1a1a !important;
border-radius: 0 !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
font-weight: 500 !important;
}
/* v7 (A11): toolbar Mapa/Lista przełącznik */
body .esticrm-view-toggle {
display: inline-flex !important;
gap: 0 !important;
border: 1px solid var(--esticrm-border) !important;
border-radius: var(--esticrm-radius) !important;
background: #fff !important;
margin: 16px 0 12px !important;
overflow: hidden !important;
}
body .esticrm-view-toggle__btn {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 8px 14px !important;
background: transparent !important;
color: var(--esticrm-muted) !important;
border: 0 !important;
cursor: pointer !important;
font-family: var(--esticrm-font-sans) !important;
font-size: 13px !important;
font-weight: 500 !important;
transition: background .15s, color .15s !important;
}
body .esticrm-view-toggle__btn:hover {
background: var(--esticrm-bg) !important;
color: var(--esticrm-text) !important;
}
body .esticrm-view-toggle__btn.is-active {
background: var(--esticrm-accent) !important;
color: #fff !important;
}
body .esticrm-view-toggle__btn svg { display: block !important; }
body .esticrm-view-toggle__btn i,
body .esticrm-view-toggle__btn svg { width: auto !important; height: auto !important; max-width: 18px !important; max-height: 18px !important; }
body [data-view-mode="map"] .esticrm-browser__cards-col { display: none !important; }
body [data-view-mode="map"] .esticrm-browser__map-col { grid-column: 1 / -1 !important; }
body [data-view-mode="list"] .esticrm-browser__map-col { display: none !important; }
/* v8 A11: layout warianty toggle */
body .esticrm-view-toggle--separate {
border: 0 !important;
background: transparent !important;
gap: 8px !important;
overflow: visible !important;
}
body .esticrm-view-toggle--separate .esticrm-view-toggle__btn {
border: 1px solid var(--esticrm-border) !important;
border-radius: var(--esticrm-radius) !important;
background: #fff !important;
}
body .esticrm-view-toggle--floating {
position: fixed !important;
z-index: 999 !important;
box-shadow: 0 6px 24px rgba(0,0,0,.18) !important;
}
/* v8 A11 / v9 B17: pozycje toggle (fix center + floating widoczność) */
body .esticrm-view-toggle-wrap {
display: flex !important;
width: 100% !important;
}
body .esticrm-view-toggle-wrap--center { justify-content: center !important; }
body .esticrm-view-toggle-wrap--left { justify-content: flex-start !important; }
body .esticrm-view-toggle-wrap--right { justify-content: flex-end !important; }
body .esticrm-view-toggle--pos-top-left { float: left !important; }
body .esticrm-view-toggle--pos-top-center { display: inline-flex !important; margin-left: auto !important; margin-right: auto !important; }
body .esticrm-view-toggle--pos-top-right { float: right !important; }
body .esticrm-view-toggle--pos-sticky-top {
position: sticky !important;
top: 12px !important;
z-index: 50 !important;
margin-left: auto !important;
align-self: flex-end !important;
}
body .esticrm-view-toggle--pos-floating-br {
position: fixed !important;
right: 16px !important;
bottom: 16px !important;
z-index: 9990 !important;
box-shadow: 0 8px 28px rgba(0,0,0,.22) !important;
background: #fff !important;
border: 1px solid var(--esticrm-border, #d8d0c4) !important;
border-radius: 999px !important;
}
body .esticrm-view-toggle--floating {
background: #fff !important;
}
/* Force ikony i tekst widoczne na aktywnym */
body .esticrm-view-toggle__btn span,
body .esticrm-view-toggle__btn svg,
body .esticrm-view-toggle__btn i {
display: inline-flex !important;
align-items: center !important;
color: inherit !important;
}
body .esticrm-search {
margin: 0 0 24px !important;
padding: 0 !important;
}
body .esticrm-search__panel {
width: 100% !important;
max-width: 1100px !important;
margin: 0 auto !important;
padding: 32px 36px 28px !important;
border: 0 !important;
border-radius: 4px !important;
background: #fff !important;
box-shadow: 0 20px 60px rgba(0, 0, 0, .12) !important;
}
body .esticrm-search .sp-row {
display: grid !important;
gap: 16px !important;
margin: 0 0 16px !important;
padding: 0 !important;
}
body .esticrm-search .sp-row-3 {
grid-template-columns: 1fr 1fr 1fr !important;
}
body .esticrm-search .sp-row-bottom {
grid-template-columns: auto auto minmax(0, 1fr) auto auto auto !important;
align-items: end !important;
gap: 12px !important;
}
body .esticrm-search .sp-row-spacer {
min-width: 0 !important;
}
body .esticrm-search .sp-field {
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
body .esticrm-search .sp-field > label {
font-size: 11px !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
font-weight: 400 !important;
color: var(--esticrm-muted) !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.4 !important;
}
body .esticrm-search .sp-select,
body .esticrm-search .sp-input {
height: 46px !important;
width: 100% !important;
min-height: 46px !important;
padding: 0 14px !important;
border: 1px solid var(--esticrm-border) !important;
border-radius: var(--esticrm-radius) !important;
background: #fff !important;
color: var(--esticrm-text) !important;
font-family: var(--esticrm-font-sans) !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 46px !important;
text-transform: none !important;
letter-spacing: 0 !important;
outline: 0 !important;
appearance: none !important;
-webkit-appearance: none !important;
cursor: pointer !important;
transition: border-color .2s !important;
box-shadow: none !important;
}
body .esticrm-search select.sp-select {
padding-right: 36px !important;
background-image: none !important;
}
/* B5: Strzałka selectu rysowana CSS mask - kolor sterowalny zmienną */
body .esticrm-search .sp-field { position: relative !important; }
body .esticrm-search .sp-field:has(select.sp-select)::after {
content: "" !important;
position: absolute !important;
right: 14px !important;
bottom: 19px !important;
width: 12px !important;
height: 8px !important;
background-color: var(--esticrm-accent-arrows, var(--esticrm-accent)) !important;
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain !important;
mask: url("data:image/svg+xml;utf8,") no-repeat center / contain !important;
pointer-events: none !important;
}
/* B6: button.sp-loc-toggle - dziedziczy .sp-select ale BEZ background-image (żeby nie dublować strzałki) */
body .esticrm-search button.sp-loc-toggle {
background-image: none !important;
}
body .esticrm-search .sp-select:focus,
body .esticrm-search .sp-input:focus {
border-color: var(--esticrm-accent) !important;
}
body .esticrm-search .sp-select:hover,
body .esticrm-search .sp-input:hover {
border-color: var(--esticrm-accent-light) !important;
}
body .esticrm-search button.sp-loc-toggle {
text-align: left !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
user-select: none !important;
background-color: #fff !important;
color: var(--esticrm-text) !important;
}
body .esticrm-search .sp-loc-toggle__text {
flex: 1 1 auto !important;
color: var(--esticrm-text) !important;
font-size: 14px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
line-height: 46px !important;
}
body .esticrm-search .sp-loc-toggle__chev {
flex-shrink: 0 !important;
color: var(--esticrm-accent-arrows, var(--esticrm-accent)) !important;
transition: transform .2s !important;
}
body .esticrm-search .sp-loc-toggle[aria-expanded="true"] .sp-loc-toggle__chev {
transform: rotate(180deg) !important;
}
body .esticrm-search .sp-loc-box {
border: 1px solid var(--esticrm-border) !important;
border-radius: var(--esticrm-radius) !important;
padding: 16px 20px !important;
margin: 0 0 16px !important;
background: #fff !important;
}
body .esticrm-search .sp-loc-box[hidden] {
display: none !important;
}
body .esticrm-search .sp-loc-grid {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 12px !important;
}
body .esticrm-search .sp-range {
display: grid !important;
grid-template-columns: 1fr auto 1fr !important;
align-items: center !important;
gap: 6px !important;
}
body .esticrm-search .sp-range-sep {
font-size: 14px !important;
color: var(--esticrm-muted) !important;
text-align: center !important;
line-height: 1 !important;
}
body .esticrm-search .sp-input-unit {
position: relative !important;
}
body .esticrm-search .sp-input-unit .sp-input {
padding-right: 38px !important;
}
body .esticrm-search .sp-unit {
position: absolute !important;
right: 12px !important;
top: 50% !important;
transform: translateY(-50%) !important;
font-size: 12px !important;
color: var(--esticrm-muted) !important;
pointer-events: none !important;
line-height: 1 !important;
}
/* ===== BUTTONY (reset, more, search) - mocny override Astry ===== */
body .esticrm-btn,
body a.esticrm-btn,
body button.esticrm-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
height: 46px !important;
min-height: 46px !important;
padding: 0 20px !important;
margin: 0 !important;
border-radius: var(--esticrm-radius) !important;
font-family: var(--esticrm-font-sans) !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1 !important;
letter-spacing: 1px !important;
text-transform: none !important;
text-decoration: none !important;
cursor: pointer !important;
white-space: nowrap !important;
appearance: none !important;
-webkit-appearance: none !important;
transition: border-color .2s, color .2s, background .2s !important;
box-shadow: none !important;
}
body .esticrm-btn svg {
display: block !important;
width: 14px !important;
height: 14px !important;
color: currentColor !important;
stroke: currentColor !important;
fill: none !important;
flex-shrink: 0 !important;
}
body .esticrm-btn--reset {
border: 1px solid var(--esticrm-border) !important;
background: transparent !important;
color: var(--esticrm-text) !important;
}
body .esticrm-btn--reset:hover {
border-color: var(--esticrm-accent) !important;
color: var(--esticrm-accent) !important;
background: transparent !important;
}
body .esticrm-btn--more {
border: 1px solid var(--esticrm-accent) !important;
background: transparent !important;
color: var(--esticrm-accent) !important;
}
body .esticrm-btn--more:hover,
body .esticrm-btn--more[aria-expanded="true"] {
background: var(--esticrm-accent) !important;
color: #fff !important;
border-color: var(--esticrm-accent) !important;
}
body .esticrm-btn--more[aria-expanded="true"] .esticrm-btn__chev {
transform: rotate(180deg) !important;
}
body .esticrm-btn__chev {
transition: transform .2s !important;
}
body .esticrm-btn--search {
padding: 0 28px !important;
border: 1px solid var(--esticrm-accent) !important;
background: var(--esticrm-accent) !important;
color: #fff !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
font-weight: 500 !important;
}
body .esticrm-btn--search:hover {
background: #9a7821 !important;
border-color: #9a7821 !important;
color: #fff !important;
}
/* Extra panel */
body .esticrm-search .sp-extra {
display: grid !important;
border-top: 1px solid var(--esticrm-border) !important;
margin: 20px 0 0 !important;
padding: 20px 0 0 !important;
grid-template-columns: 1fr 1fr 1fr !important;
gap: 20px !important;
}
body .esticrm-search .sp-extra[hidden] {
display: none !important;
}
body .esticrm-search .sp-extra-label {
font-size: 11px !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
font-weight: 400 !important;
color: var(--esticrm-muted) !important;
margin: 0 0 8px !important;
line-height: 1.4 !important;
}
body .esticrm-search .esticrm-rynek-btns {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 0 !important;
border: 1px solid var(--esticrm-border) !important;
border-radius: var(--esticrm-radius) !important;
overflow: hidden !important;
background: #fff !important;
}
body .esticrm-search .esticrm-rynek-btn {
height: 46px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
color: var(--esticrm-text) !important;
font-size: 13px !important;
font-weight: 400 !important;
cursor: pointer !important;
letter-spacing: 1px !important;
transition: background .2s, color .2s !important;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
text-transform: none !important;
}
body .esticrm-search .esticrm-rynek-btn + .esticrm-rynek-btn {
border-left: 1px solid var(--esticrm-border) !important;
}
body .esticrm-search .esticrm-rynek-btn.is-active {
background: var(--esticrm-accent) !important;
color: #fff !important;
}
body .esticrm-search .esticrm-rynek-btn:hover:not(.is-active) {
background: rgba(214, 176, 104, .1) !important;
}
body .esticrm-search .esticrm-rynek-btn input {
position: absolute !important;
opacity: 0 !important;
pointer-events: none !important;
width: 0 !important;
height: 0 !important;
}
@media (max-width: 900px) {
body .esticrm-search__panel {
padding: 24px 20px 20px !important;
}
body .esticrm-search .sp-row-3,
body .esticrm-search .sp-loc-grid,
body .esticrm-search .sp-row-bottom {
grid-template-columns: 1fr !important;
}
body .esticrm-search .sp-extra {
grid-template-columns: 1fr !important;
}
}
/* ============================================================
v6: Per-widget edytowalność + layout panelu + ukrywanie filtrów
============================================================ */
/* Layouts panelu */
body .esticrm-search__panel--compact { max-width: 800px !important; padding: 22px 26px 20px !important; }
body .esticrm-search__panel--fullwidth { max-width: none !important; }
body .esticrm-search__panel--hero {
max-width: none !important;
padding: 60px 48px 56px !important;
background: linear-gradient(180deg, #fff 0%, var(--esticrm-bg, #f9f7f4) 100%) !important;
border-radius: 0 !important;
}
/* Ukrywanie filtrów (kontrolowane przez widget Elementor + JS per kategoria).
sp-field--hidden = ukryte przez kontrolkę. sp-field--cat-hidden = ukryte automatycznie po wyborze kategorii. */
body .esticrm-search .sp-field--hidden,
body .esticrm-search .sp-field--cat-hidden { display: none !important; }
/* Grid bottom row - auto-flow gdy filtry ukryte, żeby pola się równo ułożyły */
body .esticrm-search .sp-row-bottom {
display: flex !important;
flex-wrap: wrap !important;
gap: 12px !important;
align-items: flex-end !important;
grid-template-columns: none !important;
}
body .esticrm-search .sp-row-bottom > * { min-width: 0; }
body .esticrm-search .sp-row-bottom .sp-field {
flex: 1 1 200px !important;
min-width: 0 !important;
}
body .esticrm-search .sp-row-bottom .sp-row-spacer { display: none !important; }
body .esticrm-search .sp-row-bottom .esticrm-btn { flex: 0 0 auto !important; }
@media (max-width: 900px) {
body .esticrm-search .sp-row-bottom .esticrm-btn {
flex: 1 1 100% !important;
}
}
/* Lista pozioma (horizontal cards w wynikach) */
body .esticrm-cards-grid--list {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 16px !important;
}
/* Buttony - per-widget variables (każdy widget może nadpisać kolor) */
body .esticrm-btn--search {
padding: 0 28px !important;
border: 1px solid var(--esticrm-btn-search-bg, var(--esticrm-accent)) !important;
background: var(--esticrm-btn-search-bg, var(--esticrm-accent)) !important;
color: var(--esticrm-btn-search-color, #fff) !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
font-weight: 500 !important;
}
body .esticrm-btn--search:hover {
background: var(--esticrm-btn-search-bg-hover, #9a7821) !important;
border-color: var(--esticrm-btn-search-bg-hover, #9a7821) !important;
color: var(--esticrm-btn-search-color-hover, #fff) !important;
}
body .esticrm-btn--reset {
border-color: var(--esticrm-btn-reset-border, var(--esticrm-border)) !important;
color: var(--esticrm-btn-reset-color, var(--esticrm-text)) !important;
background: var(--esticrm-btn-reset-bg, transparent) !important;
}
body .esticrm-btn--reset:hover {
border-color: var(--esticrm-btn-reset-border-hover, var(--esticrm-accent)) !important;
color: var(--esticrm-btn-reset-color-hover, var(--esticrm-accent)) !important;
}
body .esticrm-btn--more {
border-color: var(--esticrm-btn-more-border, var(--esticrm-accent)) !important;
color: var(--esticrm-btn-more-color, var(--esticrm-accent)) !important;
background: var(--esticrm-btn-more-bg, transparent) !important;
}
body .esticrm-btn--more:hover,
body .esticrm-btn--more[aria-expanded="true"] {
background: var(--esticrm-btn-more-bg-hover, var(--esticrm-accent)) !important;
color: var(--esticrm-btn-more-color-hover, #fff) !important;
border-color: var(--esticrm-btn-more-border-hover, var(--esticrm-accent)) !important;
}
/* Tablet/Mobile breakpoints (per-widget responsive override-able) */
@media (max-width: 1024px) {
body .esticrm-search__panel { padding: 28px 32px 24px !important; }
}
/* v8.1.1 BUG #16 fix: warianty wyszukiwarki — silniejsze, faktycznie różne style */
/* Reset wszystkich theme'owych borderów inputów w wyszukiwarce */
body .esticrm-search input,
body .esticrm-search select {
box-shadow: none !important;
}
/* v9 B10: 7 wariantów wyszukiwarki — VISIBLE structural differences */
/* v9 B12: typy inputów filter groups */
body .sp-field--type-range .sp-range-slider {
display: flex !important;
align-items: center !important;
gap: 8px !important;
}
body .sp-field--type-range input[type="range"] {
flex: 1 !important;
}
body .sp-choices {
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
}
body .sp-choices--checkbox .sp-choice,
body .sp-choices--radio .sp-choice {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
background: #fff !important;
border: 1px solid var(--esticrm-border, #d8d0c4) !important;
border-radius: 4px !important;
padding: 4px 10px !important;
cursor: pointer !important;
}
body .sp-field--full { grid-column: 1 / -1 !important; }
body .sp-field--col-2 { grid-column: span 2 !important; }
body .sp-field--col-3 { grid-column: span 3 !important; }
/* v9 B14: Search trigger (lupa w headerze) + modal */
body .esticrm-search-trigger {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 42px;
height: 42px;
border: 0;
border-radius: 50%;
background: transparent;
color: currentColor;
cursor: pointer;
line-height: 1;
padding: 0;
text-decoration: none !important;
}
body .esticrm-search-trigger svg,
body .esticrm-search-trigger i {
width: 20px;
height: 20px;
}
body .esticrm-search-trigger:hover {
background: rgba(0,0,0,.06);
}
body .esticrm-search-modal {
position: fixed;
inset: 0;
z-index: 999999;
display: flex;
align-items: flex-start;
justify-content: center;
padding: 80px 20px 0;
}
body .esticrm-search-modal[hidden] { display: none !important; }
body .esticrm-search-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(0,0,0,.55);
}
body .esticrm-search-modal__panel {
position: relative;
width: 100%;
max-width: 620px;
background: #fff;
border-radius: 14px;
padding: 32px 24px;
box-shadow: 0 30px 80px rgba(0,0,0,.4);
}
body .esticrm-search-modal__close {
position: absolute;
top: 12px; right: 12px;
width: 36px; height: 36px;
background: transparent;
border: 0;
font-size: 28px;
cursor: pointer;
color: #666;
line-height: 1;
}
body .esticrm-search-modal__form {
display: flex;
gap: 8px;
}
body .esticrm-search-modal__input {
flex: 1 1 auto;
border: 2px solid #ddd;
border-radius: 8px;
padding: 14px 20px;
font-size: 18px;
background: #fff;
color: #1a1a1a;
}
body .esticrm-search-modal__submit {
background: var(--esticrm-accent, #d6b068);
color: #fff;
border: 0;
border-radius: 8px;
padding: 0 24px;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
}
/* OTODOM-COMPACT — chipsy kompakt, niebieski Otodom (#003366) akcent */
body .esticrm-browser--variant-otodom-compact .esticrm-search__panel {
background: #f4f6f9;
padding: 12px 16px;
border-radius: 6px;
border-top: 3px solid #003366;
}
body .esticrm-browser--variant-otodom-compact .esticrm-search .sp-row {
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
gap: 8px !important;
}
body .esticrm-browser--variant-otodom-compact .esticrm-search .sp-field {
background: #fff;
border: 1px solid #d8dde6;
border-radius: 4px;
padding: 4px 10px;
}
body .esticrm-browser--variant-otodom-compact .esticrm-search .sp-select,
body .esticrm-browser--variant-otodom-compact .esticrm-search .sp-input {
border: 0 !important;
padding: 6px 0 !important;
background: transparent !important;
}
body .esticrm-browser--variant-otodom-compact .esticrm-btn--search {
background: #ffaa00;
color: #003366;
font-weight: 700;
text-transform: uppercase;
}
/* RIGHTMOVE-HERO — duży keyword + gradient bg + 1 row filtrów */
body .esticrm-browser--variant-rightmove-hero {
background: linear-gradient(135deg, #6B23F9, #00C2A8);
padding: 56px 24px;
border-radius: 0;
color: #fff;
}
body .esticrm-browser--variant-rightmove-hero .esticrm-search__panel {
background: transparent;
box-shadow: none;
padding: 0;
max-width: 700px;
margin: 0 auto;
}
body .esticrm-browser--variant-rightmove-hero .esticrm-search__keyword {
background: #fff;
border: 0 !important;
border-radius: 999px !important;
padding: 16px 24px !important;
font-size: 18px;
box-shadow: 0 10px 30px rgba(0,0,0,.25);
width: 100%;
margin-bottom: 16px;
}
body .esticrm-browser--variant-rightmove-hero .esticrm-search .sp-row {
grid-template-columns: repeat(3, 1fr) !important;
gap: 12px !important;
}
body .esticrm-browser--variant-rightmove-hero .esticrm-search .sp-field {
background: rgba(255,255,255,0.95);
border-radius: 8px;
padding: 8px 12px;
}
body .esticrm-browser--variant-rightmove-hero .esticrm-btn--search {
background: #fff;
color: #6B23F9;
font-weight: 700;
padding: 14px 32px;
border-radius: 999px;
}
/* ZILLOW-CHIPS — chipsy poziomo, blue akcent (#006AFF) */
body .esticrm-browser--variant-zillow-chips .esticrm-search__panel {
background: transparent;
box-shadow: none;
padding: 12px 0;
border: 0;
}
body .esticrm-browser--variant-zillow-chips .esticrm-search .sp-row {
display: flex !important;
flex-wrap: wrap !important;
grid-template-columns: none !important;
gap: 8px !important;
}
body .esticrm-browser--variant-zillow-chips .esticrm-search .sp-field {
flex: 0 0 auto !important;
background: #fff !important;
border: 1px solid #d8d8d8 !important;
border-radius: 999px !important;
padding: 8px 16px !important;
min-width: 130px !important;
box-shadow: 0 1px 3px rgba(0,0,0,.05);
}
body .esticrm-browser--variant-zillow-chips .esticrm-search .sp-field label {
font-size: 10px !important;
text-transform: uppercase !important;
color: #999 !important;
margin: 0 !important;
}
body .esticrm-browser--variant-zillow-chips .esticrm-search__keyword {
background: #fff;
border: 2px solid #006AFF !important;
border-radius: 8px !important;
padding: 12px 16px !important;
}
body .esticrm-browser--variant-zillow-chips .esticrm-btn--search {
background: #006AFF;
color: #fff;
border-radius: 999px;
padding: 12px 28px;
}
/* IDEALISTA-MINIMAL — minimal jednorzędowa pasek, sticky */
body .esticrm-browser--variant-idealista-minimal .esticrm-search__panel {
background: #fff;
padding: 8px 14px;
border: 1px solid #d8d8d8;
border-radius: 4px;
position: sticky;
top: 0;
z-index: 30;
box-shadow: 0 2px 8px rgba(0,0,0,.05);
display: flex !important;
align-items: center !important;
gap: 8px !important;
}
body .esticrm-browser--variant-idealista-minimal .esticrm-search .sp-row {
display: flex !important;
grid-template-columns: none !important;
gap: 4px !important;
flex: 1 1 auto;
flex-wrap: nowrap !important;
}
body .esticrm-browser--variant-idealista-minimal .esticrm-search .sp-field {
border: 0 !important;
border-right: 1px solid #eee !important;
border-radius: 0 !important;
padding: 4px 10px !important;
background: transparent !important;
flex: 1 1 0 !important;
min-width: 100px !important;
}
body .esticrm-browser--variant-idealista-minimal .esticrm-search .sp-field:last-child {
border-right: 0 !important;
}
body .esticrm-browser--variant-idealista-minimal .esticrm-btn--search {
background: #56ad34;
color: #fff;
padding: 8px 20px;
border-radius: 4px;
flex-shrink: 0;
}
/* REDFIN-MAP-FIRST — czerwony akcent (#C82021), top bar */
body .esticrm-browser--variant-redfin-map-first .esticrm-search__panel {
background: #fff;
padding: 14px 20px;
border-bottom: 2px solid #C82021;
border-radius: 0;
box-shadow: none;
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
}
body .esticrm-browser--variant-redfin-map-first .esticrm-search .sp-row {
display: flex !important;
grid-template-columns: none !important;
gap: 8px !important;
align-items: center !important;
}
body .esticrm-browser--variant-redfin-map-first .esticrm-search .sp-field {
flex: 1 1 0 !important;
background: #f8f8f8;
border-radius: 4px;
padding: 6px 12px;
}
body .esticrm-browser--variant-redfin-map-first .esticrm-btn--search {
background: #C82021;
color: #fff;
font-weight: 700;
padding: 10px 24px;
}
/* LUXURY-SIDEBAR — pionowy sidebar 320px, ciemny */
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__panel {
max-width: 340px;
background: #1A1A1A;
color: #f5f5f5;
border-radius: 0;
padding: 32px 28px;
box-shadow: 0 20px 60px rgba(0,0,0,.4);
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-search .sp-row {
grid-template-columns: 1fr !important;
gap: 14px !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-search .sp-field {
background: transparent !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-search label {
color: #b9b9b9 !important;
font-size: 11px !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-search input,
body .esticrm-browser--variant-luxury-sidebar .esticrm-search select {
background: #2a2a2a !important;
color: #f5f5f5 !important;
border: 1px solid #444 !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-btn--search {
background: var(--esticrm-accent);
color: #1a1a1a;
text-transform: uppercase;
letter-spacing: 2px;
padding: 14px;
font-weight: 700;
}
/* v11 — LUXURY SIDEBAR: nowy klasyczny markup (row1/row2/extra) → wymuszamy sidebar column */
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__panel--classic {
background: transparent !important;
padding: 0 !important;
border: 0 !important;
box-shadow: none !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__row--top,
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__row--actions {
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
gap: 14px !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__row--actions .sp-row-spacer {
display: none !important;
}
/* v12 — luxury sidebar: column orientation, sp-field bez flex-basis (byłby height) */
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__row--actions .sp-field {
flex: 0 0 auto !important;
min-width: 0 !important;
max-width: none !important;
width: 100% !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__extra {
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
border-top-color: #3a3530 !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__panel--classic .sp-select,
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__panel--classic .sp-input {
background: #2a2520 !important;
border: 1px solid #3a3530 !important;
color: #f5f1e8 !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__panel--classic .sp-field label {
color: #918578 !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-btn--reset,
body .esticrm-browser--variant-luxury-sidebar .esticrm-btn--more {
background: transparent !important;
border-color: #3a3530 !important;
color: #f5f1e8 !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-btn--more {
border-color: #c9a45e !important;
color: #c9a45e !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-btn--more:hover,
body .esticrm-browser--variant-luxury-sidebar .esticrm-btn--more.is-open {
background: #c9a45e !important;
color: #1a1a1a !important;
}
/* v11 B34 — LUXURY SIDEBAR fixes (3 bugi Sebastiana): */
/* v11.3.20 — sp-loc-toggle: dark theme button (chained classes dla wyższej specyfiki) */
body .esticrm-search.esticrm-search--variant-luxury-sidebar .sp-loc-toggle,
body .esticrm-search.esticrm-search--variant-luxury-sidebar button.sp-loc-toggle {
background: #2a2520 !important;
background-image: none !important;
border: 1px solid #3a3530 !important;
color: #f5f1e8 !important;
padding: 10px 12px !important;
}
body .esticrm-search.esticrm-search--variant-luxury-sidebar .sp-loc-toggle__text {
color: #f5f1e8 !important;
}
body .esticrm-search.esticrm-search--variant-luxury-sidebar .sp-loc-toggle__chev {
stroke: #c9a45e !important;
}
body .esticrm-search.esticrm-search--variant-luxury-sidebar .sp-loc-toggle:hover {
border-color: #c9a45e !important;
}
/* COMPASS-CLEAN — minimal underline, large keyword */
body .esticrm-browser--variant-compass-clean .esticrm-search__panel {
background: transparent;
border: 0;
padding: 32px 0;
box-shadow: none;
}
body .esticrm-browser--variant-compass-clean .esticrm-search__keyword {
background: transparent !important;
border: 0 !important;
border-bottom: 2px solid #1a1a1a !important;
border-radius: 0 !important;
padding: 12px 0 !important;
font-size: 22px;
font-weight: 300;
}
body .esticrm-browser--variant-compass-clean .esticrm-search .sp-row {
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
gap: 8px !important;
margin-top: 16px;
}
body .esticrm-browser--variant-compass-clean .esticrm-search .sp-field {
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid #ddd !important;
border-radius: 0 !important;
padding: 6px 0 !important;
}
body .esticrm-browser--variant-compass-clean .esticrm-btn--search {
background: #1a1a1a;
color: #fff;
border-radius: 0;
padding: 14px 32px;
text-transform: uppercase;
letter-spacing: 2px;
}
/* v8.1.1 BUG #17: keyword search style variants */
body .esticrm-search__keyword--rounded {
border-radius: 999px !important;
padding: 8px 16px !important;
}
body .esticrm-search__keyword--square {
border-radius: 4px !important;
}
body .esticrm-search__keyword--underline {
border: 0 !important;
border-bottom: 2px solid var(--esticrm-text) !important;
border-radius: 0 !important;
background: transparent !important;
padding: 8px 4px !important;
}
body .esticrm-search__keyword--boxed {
border: 1px solid var(--esticrm-border) !important;
border-radius: 8px !important;
box-shadow: 0 4px 12px rgba(0,0,0,.06) !important;
}
body .esticrm-search__keyword--pos-inside-top,
body .esticrm-search__keyword--pos-inside-bottom {
margin: 8px 0 !important;
}
body .esticrm-search__keyword--pos-below {
margin-top: 12px !important;
}
/* v8.1.1 BUG #18: Filter groups */
body .esticrm-search__group {
margin: 12px 0 !important;
padding: 12px !important;
background: rgba(0,0,0,0.02) !important;
border: 1px solid var(--esticrm-border) !important;
border-radius: 8px !important;
}
body .esticrm-search__group-title {
margin: 0 0 8px 0 !important;
font-size: 13px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
color: var(--esticrm-text) !important;
}
body .esticrm-search__group-toggle {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
background: none !important;
border: 0 !important;
padding: 4px 0 !important;
cursor: pointer !important;
font-size: 13px !important;
font-weight: 600 !important;
color: var(--esticrm-text) !important;
}
body .esticrm-search__group-toggle svg {
transition: transform .25s ease !important;
}
body .esticrm-search__group.is-open .esticrm-search__group-toggle svg {
transform: rotate(180deg) !important;
}
body .esticrm-search__group-body {
margin-top: 8px !important;
}
body .esticrm-search__group.is-collapsible:not(.is-open) .esticrm-search__group-body {
display: none !important;
}
/* ============================================================
v10 B9 — Unified filter layout (drag&drop groups + collapsible)
============================================================ */
body .esticrm-search__panel--unified {
/* Override panel — używa flex/grid przez sp-row */
}
body .esticrm-search__layout-main {
display: flex !important;
flex-wrap: wrap !important;
gap: 12px !important;
margin: 0 0 12px !important;
}
body .esticrm-search__layout-main > .sp-field {
flex: 1 1 auto !important;
}
body .esticrm-search__layout-main > .sp-field--w1 { flex: 1 1 calc(33.333% - 12px) !important; min-width: 160px !important; }
body .esticrm-search__layout-main > .sp-field--w2 { flex: 1 1 calc(50% - 12px) !important; min-width: 220px !important; }
body .esticrm-search__layout-main > .sp-field--w3 { flex: 1 1 calc(75% - 12px) !important; }
body .esticrm-search__layout-main > .sp-field--full { flex: 1 1 100% !important; }
/* ============================================================
v11 — Klasyczny layout wyszukiwarki wzorem index_3.html
============================================================ */
/* Panel — biały container z cieniem + paddingiem */
body .esticrm-search__panel--classic {
background: #fff;
border-radius: 6px;
padding: 32px 36px 28px;
box-shadow: 0 20px 60px rgba(0,0,0,0.08);
border: 1px solid var(--esticrm-border, #d8d0c4);
}
/* Row 1 — typ | transakcja | lokalizacja (3 kolumny) */
body .esticrm-search__panel--classic .esticrm-search__row--top {
display: grid !important;
grid-template-columns: 1fr 1fr 1fr !important;
gap: 16px !important;
margin-bottom: 16px !important;
}
/* Row 2 (Actions) — powierzchnia/cena + spacer + reset/więcej/szukaj.
v12 — pola rosną aż zajmą całą dostępną przestrzeń, spacer zerowy (basis 0),
buttony stałe z prawej. Bez luki po prawej. */
body .esticrm-search__panel--classic .esticrm-search__row--actions {
display: flex !important;
flex-wrap: wrap !important;
align-items: end !important;
gap: 12px !important;
margin-bottom: 0 !important;
grid-template-columns: none !important;
}
body .esticrm-search__panel--classic .esticrm-search__row--actions > .sp-row-spacer {
flex: 1 1 0 !important;
min-width: 0 !important;
align-self: stretch !important;
}
/* Pola w row1 i row2 */
body .esticrm-search__panel--classic .sp-field {
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
min-width: 0 !important;
}
body .esticrm-search__panel--classic .sp-field label {
font-size: 11px !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
font-weight: 400 !important;
color: var(--esticrm-muted, #6b6b6b) !important;
}
body .esticrm-search__panel--classic .sp-select,
body .esticrm-search__panel--classic .sp-input {
height: 46px !important;
border: 1px solid var(--esticrm-border, #d8d0c4) !important;
border-radius: 6px !important;
background: #fff !important;
color: var(--esticrm-text, #1a1a1a) !important;
font-size: 14px !important;
font-weight: 300 !important;
padding: 0 14px !important;
transition: border-color .2s !important;
}
body .esticrm-search__panel--classic .sp-select:hover,
body .esticrm-search__panel--classic .sp-input:hover {
border-color: var(--esticrm-accent-light, #E0C07A) !important;
}
body .esticrm-search__panel--classic .sp-select:focus,
body .esticrm-search__panel--classic .sp-input:focus {
border-color: var(--esticrm-accent, #D6B068) !important;
outline: none !important;
}
/* Range pair w row2 */
body .esticrm-search__panel--classic .sp-range {
display: grid !important;
grid-template-columns: 1fr auto 1fr !important;
align-items: center !important;
gap: 6px !important;
}
body .esticrm-search__panel--classic .sp-range-sep {
color: var(--esticrm-muted, #6b6b6b) !important;
text-align: center !important;
}
body .esticrm-search__panel--classic .sp-input-unit {
position: relative !important;
}
body .esticrm-search__panel--classic .sp-input-unit input {
padding-right: 36px !important;
width: 100% !important;
}
body .esticrm-search__panel--classic .sp-unit {
position: absolute !important;
right: 12px !important;
top: 50% !important;
transform: translateY(-50%) !important;
font-size: 12px !important;
color: var(--esticrm-muted, #6b6b6b) !important;
pointer-events: none !important;
}
/* Pole powierzchnia/cena — rosną agresywnie do zajęcia całej dostępnej przestrzeni.
v12 — usunięte max-width żeby pola wypełniały całą szerokość row2 bez luki po prawej. */
body .esticrm-search__panel--classic .esticrm-search__row--actions .sp-field {
flex: 2 1 220px !important;
min-width: 200px !important;
}
/* Inputy od/do — węższe, żeby zmieściło się więcej w wierszu */
body .esticrm-search__panel--classic .esticrm-search__row--actions .sp-input-unit input,
body .esticrm-search__panel--classic .esticrm-search__row--actions .sp-range input {
min-width: 0 !important;
width: 100% !important;
}
body .esticrm-search__panel--classic .esticrm-search__row--actions .sp-range {
grid-template-columns: 1fr auto 1fr !important;
gap: 4px !important;
}
/* Buttony — nie kurczą się */
body .esticrm-search__panel--classic .esticrm-search__row--actions .esticrm-btn {
flex: 0 0 auto !important;
}
/* Lokalizacja popup pod row1 */
body .esticrm-search__panel--classic .sp-loc-box {
border: 1px solid var(--esticrm-border, #d8d0c4) !important;
border-radius: 6px !important;
padding: 16px 20px !important;
margin-bottom: 16px !important;
background: var(--esticrm-bg, #fafafa) !important;
}
body .esticrm-search__panel--classic .sp-loc-grid {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 12px !important;
}
/* Buttony — bottom row */
body .esticrm-search__panel--classic .esticrm-btn {
height: 46px !important;
padding: 0 20px !important;
border-radius: 6px !important;
font-size: 13px !important;
font-weight: 300 !important;
letter-spacing: 1px !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
cursor: pointer !important;
white-space: nowrap !important;
transition: background .2s, color .2s, border-color .2s !important;
text-decoration: none !important;
}
body .esticrm-search__panel--classic .esticrm-btn--reset {
border: 1px solid var(--esticrm-border, #d8d0c4) !important;
background: transparent !important;
color: var(--esticrm-text, #1a1a1a) !important;
}
body .esticrm-search__panel--classic .esticrm-btn--reset:hover {
border-color: var(--esticrm-accent, #D6B068) !important;
color: var(--esticrm-accent, #D6B068) !important;
}
body .esticrm-search__panel--classic .esticrm-btn--more {
border: 1px solid var(--esticrm-accent, #D6B068) !important;
background: transparent !important;
color: var(--esticrm-accent, #D6B068) !important;
}
body .esticrm-search__panel--classic .esticrm-btn--more:hover,
body .esticrm-search__panel--classic .esticrm-btn--more.is-open {
background: var(--esticrm-accent, #D6B068) !important;
color: #fff !important;
}
body .esticrm-search__panel--classic .esticrm-btn--more .esticrm-btn__chev {
transition: transform .2s !important;
}
body .esticrm-search__panel--classic .esticrm-btn--more.is-open .esticrm-btn__chev {
transform: rotate(180deg) !important;
}
body .esticrm-search__panel--classic .esticrm-btn--search {
background: var(--esticrm-accent, #D6B068) !important;
color: #fff !important;
border: 0 !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
font-weight: 500 !important;
padding: 0 28px !important;
}
body .esticrm-search__panel--classic .esticrm-btn--search:hover {
background: var(--esticrm-accent-dark, #9a7821) !important;
}
/* Extra panel (Więcej opcji rozwijany) — pod row2 */
body .esticrm-search__panel--classic .esticrm-search__extra {
display: grid !important;
grid-template-columns: 1fr 1fr 1fr !important;
gap: 20px !important;
border-top: 1px solid var(--esticrm-border, #d8d0c4) !important;
margin-top: 20px !important;
padding-top: 20px !important;
}
body .esticrm-search__panel--classic .esticrm-search__extra[hidden] {
display: none !important;
}
/* Responsywne */
@media (max-width: 900px) {
body .esticrm-search__panel--classic {
padding: 24px 20px 20px !important;
}
body .esticrm-search__panel--classic .esticrm-search__row--top {
grid-template-columns: 1fr !important;
}
body .esticrm-search__panel--classic .esticrm-search__row--actions {
grid-template-columns: 1fr !important;
}
body .esticrm-search__panel--classic .esticrm-search__row--actions > .sp-row-spacer {
display: none !important;
}
body .esticrm-search__panel--classic .esticrm-search__extra {
grid-template-columns: 1fr !important;
}
body .esticrm-search__panel--classic .sp-loc-grid {
grid-template-columns: 1fr !important;
}
}
/* Static group (label widoczny, body zawsze widoczne) */
body .esticrm-search__layout-group--static {
background: var(--esticrm-bg, #fafafa);
border: 1px solid var(--esticrm-border, #e5e7eb);
border-radius: 8px;
padding: 14px 16px;
margin: 0 0 12px;
}
body .esticrm-search__layout-group--static .esticrm-search__layout-group-title {
margin: 0 0 12px;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .8px;
color: var(--esticrm-text);
}
/* Toggleable group ("Więcej opcji" wzór z index_3.html) — inline accordion */
body .esticrm-search__layout-group--toggleable {
margin: 0 0 12px;
/* uwaga: bg/border z inline style atrybutu */
}
body .esticrm-search__layout-group-toggle {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 8px 14px !important;
background: transparent !important;
border: 1px solid var(--esticrm-border, #e5e7eb) !important;
border-radius: 999px !important;
font-size: 14px !important;
font-weight: 500 !important;
color: var(--esticrm-text, #2c2c2c) !important;
cursor: pointer !important;
transition: all .15s ease !important;
}
body .esticrm-search__layout-group-toggle:hover {
background: var(--esticrm-accent, #B8860B) !important;
color: #fff !important;
border-color: var(--esticrm-accent, #B8860B) !important;
}
body .esticrm-search__layout-group--toggleable.is-open .esticrm-search__layout-group-toggle {
background: var(--esticrm-accent, #B8860B) !important;
color: #fff !important;
border-color: var(--esticrm-accent, #B8860B) !important;
}
body .esticrm-search__layout-group--toggleable.is-open .esticrm-search__layout-chev {
transform: rotate(180deg) !important;
}
body .esticrm-search__layout-chev {
transition: transform .2s ease !important;
}
body .esticrm-search__layout-group--toggleable .esticrm-search__layout-group-body {
margin-top: 12px !important;
padding: 14px 16px !important;
background: var(--esticrm-bg, #fafafa) !important;
border: 1px solid var(--esticrm-border, #e5e7eb) !important;
border-radius: 8px !important;
}
body .esticrm-search__layout-group--toggleable .esticrm-search__layout-group-body[hidden] {
display: none !important;
}
body .esticrm-search__layout-group-body {
display: flex !important;
flex-wrap: wrap !important;
gap: 12px !important;
padding-top: 4px !important;
}
body .esticrm-search__layout-group-body > .sp-field {
flex: 1 1 calc(33.333% - 12px) !important;
min-width: 160px !important;
}
body .esticrm-search__layout-actions {
display: flex !important;
align-items: center !important;
gap: 10px !important;
margin-top: 12px !important;
}
body .esticrm-search__layout-actions .sp-row-spacer { flex: 1 1 auto !important; }
body .sp-options {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
}
body .sp-option {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 10px !important;
background: #fff !important;
border: 1px solid var(--esticrm-border) !important;
border-radius: 999px !important;
font-size: 12px !important;
cursor: pointer !important;
}
body .sp-option input { margin: 0 !important; }
/* v11.3.17 — Responsywny row2 actions na mobile z układem warunkowym (3 scenariusze):
A. Reset + Więcej opcji + Szukaj → Reset|Więcej (50/50 row1), Szukaj (100% row2)
B. Reset + Szukaj (brak Więcej) → Reset|Szukaj (50/50 jeden wiersz)
C. Reset + Więcej (brak Szukaj) → Reset|Więcej (50/50 jeden wiersz)
D. Tylko Reset → Reset (100%) */
@media (max-width: 768px) {
body .esticrm-search__panel--classic .esticrm-search__row--actions {
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
}
body .esticrm-search__panel--classic .esticrm-search__row--actions .sp-field {
flex: 1 1 100% !important;
min-width: 100% !important;
max-width: none !important;
}
body .esticrm-search__panel--classic .esticrm-search__row--actions > .sp-row-spacer {
display: none !important;
}
/* Defaultowo (case A): Reset + Więcej obok siebie 50/50, Szukaj pod spodem na całość */
body .esticrm-search__panel--classic .esticrm-search__row--actions .esticrm-btn--reset,
body .esticrm-search__panel--classic .esticrm-search__row--actions .esticrm-btn--more {
flex: 1 1 calc(50% - 5px) !important;
min-width: 0 !important;
justify-content: center !important;
padding: 0 12px !important;
}
body .esticrm-search__panel--classic .esticrm-search__row--actions .esticrm-btn--search {
flex: 1 1 100% !important;
order: 99 !important;
justify-content: center !important;
padding: 0 24px !important;
}
/* Case B: brak Więcej Opcji → Reset + Szukaj obok siebie 50/50 (jeden rząd) */
body .esticrm-search__panel--classic .esticrm-search__row--actions:not(:has(.esticrm-btn--more)) .esticrm-btn--reset,
body .esticrm-search__panel--classic .esticrm-search__row--actions:not(:has(.esticrm-btn--more)) .esticrm-btn--search {
flex: 1 1 calc(50% - 5px) !important;
order: 0 !important;
}
/* Case D: brak Szukaj i brak Więcej Opcji → sam Reset na całą szerokość */
body .esticrm-search__panel--classic .esticrm-search__row--actions:not(:has(.esticrm-btn--more)):not(:has(.esticrm-btn--search)) .esticrm-btn--reset {
flex: 1 1 100% !important;
}
/* Row1 (Typ/Transakcja/Lokalizacja) — stack vertical na mobile */
body .esticrm-search__panel--classic .esticrm-search__row--top {
grid-template-columns: 1fr !important;
gap: 10px !important;
}
/* Panel padding mniejszy na mobile */
body .esticrm-search__panel--classic {
padding: 16px 16px 14px !important;
}
}
/* ============================================================
v11.3.18 — LUXURY SIDEBAR refactor (single source of truth):
- Hero tytuł/podtytuł (edytowalny przez Elementor controls)
- Wszystkie pola full-width (column stack, narrow sidebar)
- Konsekwentne przyciski (Reset/Więcej/Szukaj — full width, akcent color)
- Sticky support (--esticrm-luxury-sticky-top offset)
- Naprawione luki cena/pokoje (gap normalny, brak pustego sp-row-spacer)
============================================================ */
/* Hero (tytuł + podtytuł) */
body .esticrm-search__variant-hero--luxury {
margin: 0 0 24px 0 !important;
padding: 0 !important;
text-align: left !important;
}
body .esticrm-search__variant-hero--luxury .esticrm-search__luxury-title {
margin: 0 0 6px !important;
font-family: var(--esticrm-font-serif, Georgia, serif) !important;
font-size: 28px !important;
font-weight: 400 !important;
line-height: 1.15 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
body .esticrm-search__variant-hero--luxury .esticrm-search__luxury-sub {
margin: 0 0 8px !important;
font-size: 11px !important;
font-weight: 500 !important;
text-transform: uppercase !important;
letter-spacing: 3px !important;
opacity: .8 !important;
}
/* Panel: wąski sticky sidebar */
body .esticrm-browser--variant-luxury-sidebar {
--esticrm-luxury-border: #3a3530;
--esticrm-luxury-box-bg: #2a2520;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__panel {
max-width: 380px !important;
width: 100% !important;
padding: 28px 24px !important;
background: #1A1716;
border-radius: 12px !important;
box-shadow: 0 20px 60px rgba(0,0,0,.35) !important;
display: flex !important;
flex-direction: column !important;
gap: 14px !important;
}
body .esticrm-browser--luxury-sticky .esticrm-search {
position: sticky !important;
top: var(--esticrm-luxury-sticky-top, 80px) !important;
align-self: flex-start !important;
z-index: 5 !important;
max-height: calc(100vh - (var(--esticrm-luxury-sticky-top, 80px) + 20px)) !important;
overflow-y: auto !important;
scrollbar-width: thin !important;
}
/* Wszystkie wiersze: pionowy stack */
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__panel .esticrm-search__row,
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__panel .sp-row {
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
gap: 14px !important;
margin: 0 !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__panel .sp-field,
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__panel .esticrm-search__row .sp-field {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
flex: 0 0 auto !important;
}
/* Etykiety pól (label) */
body .esticrm-browser--variant-luxury-sidebar .esticrm-search .sp-field > label,
body .esticrm-browser--variant-luxury-sidebar .esticrm-search .sp-field-label {
display: block !important;
margin: 0 0 6px !important;
font-size: 10px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 2.5px !important;
color: #C5BAA8 !important;
}
/* Inputs/selects — jednolite wymiary i kolory */
body .esticrm-browser--variant-luxury-sidebar .sp-select,
body .esticrm-browser--variant-luxury-sidebar .sp-input,
body .esticrm-browser--variant-luxury-sidebar .sp-loc-toggle,
body .esticrm-browser--variant-luxury-sidebar button.sp-loc-toggle,
body .esticrm-browser--variant-luxury-sidebar .esticrm-search input,
body .esticrm-browser--variant-luxury-sidebar .esticrm-search select {
background: #2A2421 !important;
color: #F5EFE7 !important;
border: 1px solid #3A3530 !important;
border-radius: 6px !important;
height: 44px !important;
line-height: 44px !important;
padding: 0 12px !important;
font-size: 13px !important;
box-sizing: border-box !important;
}
body .esticrm-browser--variant-luxury-sidebar .sp-loc-toggle {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
text-align: left !important;
}
body .esticrm-browser--variant-luxury-sidebar .sp-loc-toggle__text {
color: #F5EFE7 !important;
}
body .esticrm-browser--variant-luxury-sidebar .sp-loc-toggle__chev {
stroke: var(--esticrm-accent, #D6B068) !important;
}
body .esticrm-browser--variant-luxury-sidebar .sp-select:focus,
body .esticrm-browser--variant-luxury-sidebar .sp-input:focus {
border-color: var(--esticrm-accent, #D6B068) !important;
outline: 0 !important;
}
/* Range (od/do) — jednolicie obok siebie, ale max szerokość */
body .esticrm-browser--variant-luxury-sidebar .sp-range {
display: grid !important;
grid-template-columns: 1fr auto 1fr !important;
gap: 8px !important;
align-items: center !important;
}
body .esticrm-browser--variant-luxury-sidebar .sp-range-sep {
color: #6E665B !important;
font-size: 11px !important;
}
body .esticrm-browser--variant-luxury-sidebar .sp-input-unit {
position: relative !important;
}
body .esticrm-browser--variant-luxury-sidebar .sp-input-unit .sp-input {
padding-right: 32px !important;
}
body .esticrm-browser--variant-luxury-sidebar .sp-input-unit .sp-unit {
position: absolute !important;
right: 10px !important;
top: 50% !important;
transform: translateY(-50%) !important;
color: #8B8170 !important;
font-size: 10px !important;
pointer-events: none !important;
}
/* Akcje (row--actions) — pionowy stack, brak spacera */
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__row--actions {
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
margin-top: 4px !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__row--actions > .sp-row-spacer {
display: none !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__row--actions .sp-field {
width: 100% !important;
}
/* Buttony — jednolicie full-width, height 44px, zgodne z polami */
body .esticrm-browser--variant-luxury-sidebar .esticrm-btn--reset,
body .esticrm-browser--variant-luxury-sidebar .esticrm-btn--more,
body .esticrm-browser--variant-luxury-sidebar .esticrm-btn--search {
width: 100% !important;
height: 44px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 16px !important;
border-radius: 6px !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
box-sizing: border-box !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-btn--reset {
background: transparent !important;
color: #C5BAA8 !important;
border: 1px solid #3A3530 !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-btn--reset:hover {
border-color: var(--esticrm-accent, #D6B068) !important;
color: var(--esticrm-accent, #D6B068) !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-btn--more {
background: transparent !important;
color: var(--esticrm-accent, #D6B068) !important;
border: 1px solid var(--esticrm-accent, #D6B068) !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-btn--more:hover,
body .esticrm-browser--variant-luxury-sidebar .esticrm-btn--more.is-open,
body .esticrm-browser--variant-luxury-sidebar .esticrm-btn--more[aria-expanded="true"] {
background: var(--esticrm-accent, #D6B068) !important;
color: #1A1716 !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-btn--search {
background: var(--esticrm-accent, #D6B068) !important;
color: #1A1716 !important;
border: 0 !important;
box-shadow: 0 2px 8px rgba(214, 176, 104, 0.25) !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-btn--search:hover {
filter: brightness(1.08) !important;
}
/* Więcej opcji — body w narrow sidebar: jedna kolumna */
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__layout-group--toggleable .esticrm-search__layout-group-body,
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__layout-group-body,
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__extra {
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
gap: 12px !important;
margin-top: 10px !important;
padding: 14px 14px !important;
background: rgba(255,255,255,0.02) !important;
border: 1px solid #3A3530 !important;
border-radius: 8px !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__layout-group-body > .sp-field,
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__extra > .sp-field {
flex: 0 0 auto !important;
width: 100% !important;
min-width: 0 !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__layout-group-toggle {
width: 100% !important;
background: transparent !important;
border: 1px solid var(--esticrm-accent, #D6B068) !important;
color: var(--esticrm-accent, #D6B068) !important;
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
font-size: 12px !important;
height: 44px !important;
border-radius: 6px !important;
justify-content: center !important;
}
/* Rynek (radio) — chips style w dark */
body .esticrm-browser--variant-luxury-sidebar .esticrm-rynek-btns {
display: grid !important;
grid-template-columns: 1fr 1fr 1fr !important;
gap: 6px !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-rynek-btn {
background: #2A2421 !important;
color: #C5BAA8 !important;
border: 1px solid #3A3530 !important;
border-radius: 6px !important;
padding: 8px 6px !important;
font-size: 11px !important;
text-align: center !important;
cursor: pointer !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-rynek-btn.is-active {
background: var(--esticrm-accent, #D6B068) !important;
color: #1A1716 !important;
border-color: var(--esticrm-accent, #D6B068) !important;
}
/* Mobile: luxury panel rozciąga się na pełną szerokość */
@media (max-width: 900px) {
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__panel {
max-width: none !important;
}
body .esticrm-browser--luxury-sticky .esticrm-search {
position: static !important;
max-height: none !important;
overflow: visible !important;
}
}
/* ============================================================
v11.3.20 — Luxury FINAL OVERRIDES (chained classes do specyfiki),
żeby zbić rule'y bazowe z #fff i 4-col grid.
============================================================ */
/* SP-LOC-BOX: ciemne tło, 1 kolumna, pod toggle */
body .esticrm-search.esticrm-search--variant-luxury-sidebar .sp-loc-box {
position: static !important;
margin: 6px 0 0 0 !important;
background: #2A2421 !important;
border: 1px solid #3A3530 !important;
border-radius: 6px !important;
padding: 14px !important;
box-shadow: none !important;
}
body .esticrm-search.esticrm-search--variant-luxury-sidebar .sp-loc-grid {
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
gap: 12px !important;
}
body .esticrm-search.esticrm-search--variant-luxury-sidebar .sp-loc-box .sp-field {
width: 100% !important;
min-width: 0 !important;
}
body .esticrm-search.esticrm-search--variant-luxury-sidebar .sp-loc-box .sp-field label {
color: #C5BAA8 !important;
}
body .esticrm-search.esticrm-search--variant-luxury-sidebar .sp-loc-box .sp-select {
background: #1A1716 !important;
color: #F5EFE7 !important;
border: 1px solid #3A3530 !important;
}
/* WIĘCEJ OPCJI body POD buttonem (nie pod Szukaj):
display: contents na row--actions promuje children do panel flex,
Szukaj dostaje order:99 → ląduje po extra body */
body .esticrm-search.esticrm-search--variant-luxury-sidebar .esticrm-search__panel--classic {
display: flex !important;
flex-direction: column !important;
gap: 14px !important;
}
body .esticrm-search.esticrm-search--variant-luxury-sidebar .esticrm-search__row--actions {
display: contents !important;
}
body .esticrm-search.esticrm-search--variant-luxury-sidebar .esticrm-search__row--actions > .sp-row-spacer {
display: none !important;
}
body .esticrm-search.esticrm-search--variant-luxury-sidebar .esticrm-search__panel--classic .esticrm-btn--reset {
order: 10 !important;
}
body .esticrm-search.esticrm-search--variant-luxury-sidebar .esticrm-search__panel--classic .esticrm-btn--more {
order: 20 !important;
}
body .esticrm-search.esticrm-search--variant-luxury-sidebar .esticrm-search__panel--classic .esticrm-search__extra,
body .esticrm-search.esticrm-search--variant-luxury-sidebar .esticrm-search__panel--classic .esticrm-search__layout-group {
order: 30 !important;
}
body .esticrm-search.esticrm-search--variant-luxury-sidebar .esticrm-search__panel--classic .esticrm-btn--search {
order: 99 !important;
}
/* Pola Powierzchnia/Cena z row--actions: low order, między Reset i Cena */
body .esticrm-search.esticrm-search--variant-luxury-sidebar .esticrm-search__row--actions > .sp-field {
order: 5 !important;
width: 100% !important;
}
/* RYNEK chip — auto-fit (działa dla 1, 2, 3 chipów bez pustego slotu) */
body .esticrm-search.esticrm-search--variant-luxury-sidebar .esticrm-rynek-btns {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) !important;
grid-auto-flow: column !important;
gap: 6px !important;
}
body .esticrm-search.esticrm-search--variant-luxury-sidebar .esticrm-rynek-btn {
background: #2A2421 !important;
color: #C5BAA8 !important;
border: 1px solid #3A3530 !important;
border-radius: 6px !important;
padding: 10px 6px !important;
font-size: 11px !important;
text-align: center !important;
cursor: pointer !important;
box-shadow: none !important;
}
body .esticrm-search.esticrm-search--variant-luxury-sidebar .esticrm-rynek-btn:has(input:checked),
body .esticrm-search.esticrm-search--variant-luxury-sidebar .esticrm-rynek-btn.is-active {
background: var(--esticrm-accent, #D6B068) !important;
color: #1A1716 !important;
border-color: var(--esticrm-accent, #D6B068) !important;
}
/* Ukryj radio inputy w chipach (klik przez label) */
body .esticrm-search.esticrm-search--variant-luxury-sidebar .esticrm-rynek-btn input[type="radio"] {
position: absolute !important;
opacity: 0 !important;
pointer-events: none !important;
}
/* Extra body — ciemny styling z konsekwentnym borderem */
body .esticrm-search.esticrm-search--variant-luxury-sidebar .esticrm-search__extra,
body .esticrm-search.esticrm-search--variant-luxury-sidebar .esticrm-search__layout-group--toggleable .esticrm-search__layout-group-body,
body .esticrm-search.esticrm-search--variant-luxury-sidebar .esticrm-search__layout-group-body {
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
gap: 12px !important;
padding: 14px !important;
background: rgba(255,255,255,0.02) !important;
border: 1px solid #3A3530 !important;
border-radius: 8px !important;
margin: 4px 0 0 0 !important;
}
/* MOBILE: luxury widget pełna szerokość, normalny block flow */
@media (max-width: 1024px) {
body .esticrm-browser--variant-luxury-sidebar,
body .esticrm-browser--variant-luxury-sidebar .esticrm-search,
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__panel {
max-width: none !important;
width: 100% !important;
}
/* Wyłącz sticky na mobile — luxury panel nad ofertami */
body .esticrm-browser--luxury-sticky .esticrm-search {
position: static !important;
max-height: none !important;
overflow: visible !important;
top: auto !important;
}
}
/* ============================================================
v11.3.21 — fixy po feedback
============================================================ */
/* 1) Extra body POWINNO być ukryte gdy ma [hidden]. Mój display:flex przebijał display:none */
body .esticrm-search.esticrm-search--variant-luxury-sidebar .esticrm-search__extra[hidden],
body .esticrm-search.esticrm-search--variant-luxury-sidebar .esticrm-search__layout-group-body[hidden] {
display: none !important;
}
/* 2) Rynek — flex zamiast grid (chipy idealne bez pustych slotów) */
body .esticrm-search.esticrm-search--variant-luxury-sidebar .esticrm-rynek-btns {
display: flex !important;
flex-wrap: wrap !important;
grid-template-columns: none !important;
grid-auto-flow: row !important;
gap: 6px !important;
}
body .esticrm-search.esticrm-search--variant-luxury-sidebar .esticrm-rynek-btn {
flex: 1 1 0 !important;
min-width: 80px !important;
background: #2A2421 !important;
color: #C5BAA8 !important;
border: 1px solid #3A3530 !important;
border-radius: 6px !important;
padding: 10px 6px !important;
font-size: 11px !important;
text-align: center !important;
cursor: pointer !important;
margin: 0 !important;
}
/* Wrapper grid pól Rynek (sp-field z radio) — bez tła panelu pod chipami */
body .esticrm-search.esticrm-search--variant-luxury-sidebar .sp-field[data-filter="rynek"] {
background: transparent !important;
}
/* MOBILE: Luxury panel pełna szerokość, bez sticky */
@media (max-width: 1024px) {
body .esticrm-browser--variant-luxury-sidebar .esticrm-search,
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__panel {
max-width: none !important;
width: 100% !important;
position: static !important;
max-height: none !important;
overflow: visible !important;
}
body .esticrm-browser--variant-luxury-sidebar .esticrm-search__panel {
margin: 0 0 24px 0 !important;
}
}
/* ============================================================
v11.3.22 — Rynek FINAL: zbij białe tło + border z base rules
============================================================ */
body .esticrm-search.esticrm-search--variant-luxury-sidebar .esticrm-rynek-btns {
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
overflow: visible !important;
}
body .esticrm-search.esticrm-search--variant-luxury-sidebar .esticrm-rynek-btn + .esticrm-rynek-btn {
border-left: 0 !important;
}
/* Hover na ciemnym tle — gold akcent z transparencją */
body .esticrm-search.esticrm-search--variant-luxury-sidebar .esticrm-rynek-btn:hover:not(.is-active):not(:has(input:checked)) {
background: rgba(214, 176, 104, 0.14) !important;
border-color: var(--esticrm-accent, #D6B068) !important;
color: var(--esticrm-accent, #D6B068) !important;
}
/* Wrapper sp-field rynek — bez backgrounda */
body .esticrm-search.esticrm-search--variant-luxury-sidebar .sp-field[data-filter="rynek"] {
background: transparent !important;
border: 0 !important;
padding: 0 !important;
}