/* ============================================================================
   SEARCH STRANICA (/search-results/) — mali search bar + desna kolona
   Ide uz `inc/23-search-page.php` (2026-07-25).

   STANJE PRIJE: stranica je bila puna sirina (col-lg-12), bez pretrage na vrhu.
   SAD: gore mali search bar, desno kolona sa „Izdvojeno" i „Nedavno pregledano",
   rezultati u col-lg-8.

   DIZAJN — drzi se jezika ostatka sajta:
     • kartice nekretnina = NAVY `rgb(34,64,106)`, radius 16, zlatna cijena, serif naslov
     • pozadina stranice = `#f8f8f8` (svijetla) / tamna u dark temi
     • search polja vec imaju navy podlogu (css/01), pa se bar sklapa oko njih
   Zato: search bar = NAVY PANEL (kao kartica), a widgeti u koloni = SVIJETLA
   povrsina (da mini-kartice unutra ostanu navy i da se vide).

   ⚠️ SVE je uvuceno pod `.page-template-template-search` — nista ne curi na druge
      stranice (nauceno na `.rs-cta-btn`, vidi feedback_css_class_collision).
   ============================================================================ */

/* ==========================================================================
   1) MALI SEARCH BAR IZNAD REZULTATA
   ⭐ To je BAS ONAJ search sa `/properties/` (Elementor widget), ispisan ovdje
      kroz inc/23. Znaci: NEMA STILIZOVANJA — sav izgled dolazi iz css/01, css/02
      i Elementorovog CSS-a te stranice, isto kao tamo.
   ⚠️ Prva verzija je crtala Houzezov nativni bar (`.advanced-search-nav`) i onda
      ga od nule bojila (panel, polja, padajuci meniji, dugmad, mobilni overlay —
      oko 200 linija). Korisnik: „pogresan search si stavio, imamo nas search u
      property stranicama, zasto bi to opet radili?" → sve obrisano.
      NE VRACATI: ako search treba mijenjati, mijenja se u Elementoru na
      `/properties/` i mijenja se na oba mjesta odjednom.
   Ovdje ostaje SAMO razmak oko njega.
   ========================================================================== */
/* ⚠️ RAZMAK DO HEADERA (korisnik 2026-07-25: „ovaj search bar gore od headera, previse su blizu"):
   bilo je 14px izmjereno od dna headera. Sad 34px. */
.page-template-template-search .rs-search-nav-wrap{ margin:34px 0 2px; }


/* ==========================================================================
   2) DESNA KOLONA — poravnanje i okvir widgeta
   ========================================================================== */

/* ⭐ POCETAK KOLONE = POCETAK PRVE KARTICE (korisnik 2026-07-25: „ovo treba da se
   stavi na istu visinu").
   BILO: kolona pocinje na vrhu reda, isto gdje i traka „X rezultata / Sortiraj po",
   pa je bijela kutija visila 58px iznad prve kartice i djelovala pomjereno.
   SAD: kolona se spusti tacno za visinu te trake (42px) + njen razmak (`mb-3` = 1rem),
   pa se gornja ivica kutije poklapa sa gornjom ivicom prve kartice.
   Samo ≥992px — ispod toga kolona ide ISPOD rezultata pa poravnanje nema smisla. */
@media (min-width:992px){
  .page-template-template-search .bt-sidebar-wrap{ margin-top:calc(42px + 1rem); }
}

/* Widget = svijetla povrsina (bijela kartica) da mini-kartice nekretnina
   unutra ostanu navy i jasno se vide. U tamnoj temi = tamna kartica. */
.page-template-template-search .bt-sidebar-wrap .widget{
  background:#fff;
  border:1px solid rgba(34,64,106,0.10);
  border-radius:var(--rs-radius-lg,16px);
  box-shadow:var(--rs-shadow-soft,0 12px 34px rgba(2,12,24,.16));
  overflow:hidden;                    /* slider unutra da ne viri preko zaobljenja */
}
html.rs-dark .page-template-template-search .bt-sidebar-wrap .widget{
  background:var(--rs-dark-card,#0b1f37);
  border-color:rgba(255,255,255,0.10);
}

/* NASLOV sekcije — serif kao naslovi kartica, sa tankom zlatnom crticom ispod */
.page-template-template-search .bt-sidebar-wrap .widget-title{
  font-family:var(--rs-serif,Georgia,serif);
  font-size:20px;
  font-weight:600;
  letter-spacing:-0.01em;
  color:rgb(34,64,106);
  margin-bottom:14px !important;
  position:relative;
  padding-bottom:10px;
}
.page-template-template-search .bt-sidebar-wrap .widget-title::after{
  content:""; position:absolute; left:0; bottom:0;
  width:44px; height:2px; border-radius:2px;
  background:linear-gradient(90deg,var(--rs-gold,#d9aa4f),rgba(var(--rs-gold-rgb,217,170,79),0));
}
html.rs-dark .page-template-template-search .bt-sidebar-wrap .widget-title{ color:rgba(255,255,255,0.92); }

/* ==========================================================================
   3) „IZDVOJENO" (Featured) — Houzezov slider, jedna kartica sa strelicama
   ========================================================================== */

.page-template-template-search .widget-featured-property-with-slider .widget-title{ padding:20px 20px 10px !important; }
.page-template-template-search .widget-featured-property-slider-wrap{ padding:0 14px 16px; }

/* strelice: Houzez ih crta kao tekst („Previous"/„Next") — pretvaramo ih u
   diskretne zlatne krugove preko slike */
.page-template-template-search .widget-featured-property-slider .slick-arrow{
  width:32px; height:32px; border-radius:50%;
  background:rgba(var(--rs-blue-rgb,34,64,106),0.72) !important;
  border:1px solid rgba(var(--rs-gold-rgb,217,170,79),0.55) !important;
  font-size:0; z-index:5;
}
.page-template-template-search .widget-featured-property-slider .slick-arrow::before{
  font-size:16px; color:var(--rs-gold,#d9aa4f); opacity:1;
}
.page-template-template-search .widget-featured-property-slider .slick-prev{ left:8px; }
.page-template-template-search .widget-featured-property-slider .slick-next{ right:8px; }

/* mini-kartica unutar slidera — oblik; boje su nize u sekciji 6 (siva u svijetloj temi) */
.page-template-template-search .widget-featured-property-slider .item-wrap{
  border-radius:14px;
  overflow:hidden;
  box-shadow:none;
}
.page-template-template-search .widget-featured-property-slider .item-body{ padding:12px 14px 14px; }
.page-template-template-search .widget-featured-property-slider .item-title a{ font-size:15px; }
.page-template-template-search .widget-featured-property-slider .item-address,
.page-template-template-search .widget-featured-property-slider .item-amenities{ font-size:12.5px; }
.page-template-template-search .widget-featured-property-slider .item-price{ font-weight:800; }
html.rs-dark .page-template-template-search .widget-featured-property-slider .item-wrap{ background:rgb(34,64,106); }
html.rs-dark .page-template-template-search .widget-featured-property-slider .item-title a{ color:rgba(255,255,255,0.92); }
html.rs-dark .page-template-template-search .widget-featured-property-slider .item-address,
html.rs-dark .page-template-template-search .widget-featured-property-slider .item-amenities{ color:rgba(255,255,255,0.66); }

/* ==========================================================================
   4) „NEDAVNO PREGLEDANO" — licna lista (localStorage, vidi inc/23)
   ========================================================================== */

.page-template-template-search .rs-viewed-widget .property-item-widget{
  padding:12px 0;
  border-top:1px solid rgba(34,64,106,0.10);
  margin-top:0 !important;
}
.page-template-template-search .rs-viewed-widget .property-item-widget:first-child{ border-top:0; padding-top:0; }
html.rs-dark .page-template-template-search .rs-viewed-widget .property-item-widget{ border-top-color:rgba(255,255,255,0.10); }

.page-template-template-search .rs-viewed-widget .left-property-item-widget-wrap{
  flex:0 0 78px; width:78px;
}
.page-template-template-search .rs-viewed-widget .left-property-item-widget-wrap img{
  width:78px; height:62px; object-fit:cover;
  border-radius:10px; display:block;
}
.page-template-template-search .rs-viewed-widget .item-title a{
  font-family:var(--rs-serif,Georgia,serif);
  font-size:15px; line-height:1.25;
  color:rgb(34,64,106);
}
.page-template-template-search .rs-viewed-widget .item-title a:hover{ color:var(--rs-gold,#d9aa4f); }
html.rs-dark .page-template-template-search .rs-viewed-widget .item-title a{ color:rgba(255,255,255,0.92); }

.page-template-template-search .rs-viewed-widget .item-amenities,
.page-template-template-search .rs-viewed-widget .item-amenities li{
  font-size:12px;
  color:rgba(34,64,106,0.62);
}
html.rs-dark .page-template-template-search .rs-viewed-widget .item-amenities,
html.rs-dark .page-template-template-search .rs-viewed-widget .item-amenities li{ color:rgba(255,255,255,0.60); }

.page-template-template-search .rs-viewed-widget .item-price{
  color:var(--rs-gold,#d9aa4f);
  font-weight:800; font-size:15px;
}

/* ==========================================================================
   5) TABLET I TELEFON
   Search se ovdje NE dira — on je isti Elementor widget kao na `/properties/`,
   pa nosi svoje responsive ponasanje sa sobom (css/01, css/06, css/11).
   Ostaje samo desna kolona, koja na uskim ekranima ide ispod rezultata.
   ========================================================================== */

/* Bootstrap je vec spusta ispod; mi joj samo dodamo razmak i skinemo „sticky". */
@media (max-width:991.98px){
  .page-template-template-search .bt-sidebar-wrap{ margin-top:8px; }
  .page-template-template-search .bt-sidebar-wrap .theiaStickySidebar{ transform:none !important; }
}

/* ==========================================================================
   6) ⭐ SVE PLAVO -> SIVO (samo svijetla tema)
   Korisnik (2026-07-25): „sve sto je plavo prebaci u sivi" — nastavak sivog
   redizajna sa pocetne (css/11 sek.94/95) i na stranicu rezultata.
   Prebacuje se: pozadina stranice, polja pretrage (+ otvoreni padajuci meni),
   kartice rezultata i mini-kartica u „Izdvojeno".
   ⚠️ SVE pod `html:not(.rs-dark)` — tamna tema ostaje netaknuta.
   ========================================================================== */

/* --- 6a) POZADINA STRANICE — ista siva kao na pocetnoj ---
   ⚠️ Preko ID-a `#main-wrap`: selektor po klasi gubi od temine deklaracije. */
html:not(.rs-dark) .page-template-template-search #main-wrap{ background-color:#f7f8f9 !important; }

/* --- 6b0) PANEL OKO POLJA ---
   ⚠️ GRESKA IZ PRVOG KRUGA (korisnik: „search ima nevidljive menije i plavo je"): posvijetlio sam
      POLJA, ali je `.houzez-search-builder-wrapper` (css/02 l.67) ostao NAVY — pa je tamni tekst
      polja pao na tamnu podlogu i polja su izgledala prazna/nevidljiva.
   Panel sad = bijela kartica sa istim rubom/radiusom/sjenkom kao widgeti u desnoj koloni,
   pa cijela stranica ima jedan jezik. Fotografije nema ispod, pa tamni panel i nije potreban. */
html:not(.rs-dark) .page-template-template-search .rs-search-nav-wrap .houzez-search-builder-wrapper{
  background:rgba(var(--rs-blue-rgb,34,64,106),0.06) !important;
  border:1px solid rgba(var(--rs-blue-rgb,34,64,106),0.10) !important;
  box-shadow:var(--rs-shadow-soft,0 12px 34px rgba(2,12,24,.16)) !important;
  -webkit-backdrop-filter:blur(12px) saturate(140%) !important;
          backdrop-filter:blur(12px) saturate(140%) !important;
}
/* labele nad poljima su bijele (css/02 l.76) — na bijelom panelu se ne bi vidjele */
html:not(.rs-dark) .page-template-template-search .rs-search-nav-wrap .houzez-search-builder-form-js label{
  color:rgba(34,48,63,0.75) !important;
}

/* --- 6b) POLJA PRETRAGE ---
   Bila su navy `rgba(34,64,106,.9)` sa bijelim tekstom (tako treba na pocetnoj, gdje search
   lebdi preko fotografije). Ovdje nema fotografije, pa idu u svijetlo staklo sa tamnim tekstom
   i vidljivim rubom — inace bi polja „iscezla" u sivoj pozadini. */
html:not(.rs-dark) .page-template-template-search .rs-search-nav-wrap .houzez-search-builder-form-js .form-control,
html:not(.rs-dark) .page-template-template-search .rs-search-nav-wrap .houzez-search-builder-form-js .rs-accordion-btn,
html:not(.rs-dark) .page-template-template-search .rs-search-nav-wrap input[name="keyword"]{
  background:rgba(var(--rs-blue-rgb,34,64,106),0.07) !important;
  border:1px solid rgba(var(--rs-blue-rgb,34,64,106),0.22) !important;
  color:#22303f !important;
}
html:not(.rs-dark) .page-template-template-search .rs-search-nav-wrap .houzez-search-builder-form-js .rs-accordion-btn span{
  color:#22303f !important;
}
html:not(.rs-dark) .page-template-template-search .rs-search-nav-wrap input::placeholder{ color:rgba(34,48,63,0.55) !important; }
/* ikonica lupe u polju kljucne rijeci */
html:not(.rs-dark) .page-template-template-search .rs-search-nav-wrap .search-icon:before{ color:rgba(34,48,63,0.45) !important; }
/* „Pretrazi" ostaje ZLATNO — to je jedina naglasena radnja u redu */

/* --- 6c) OTVORENI PADAJUCI MENI (Svi gradovi / Prvo izaberi grad) ---
   ⚠️ Ti meniji se dodaju u `document.body` (inc/01), NE u formu — zato selektor ide preko
   `body.page-template-template-search`, a ne kroz `.rs-search-nav-wrap`. */
/* ⚠️ ISPRAVKA 2026-07-25 (korisnik: „gore makni plavu, dolje bijelu stavi tu sivkastu koju koristis
   za inner elemente searcha"): meni je prvo bio BIJEL, a traka za pretragu grada u njemu je ostala
   NAVY. Sad je cijeli meni ista siva koju daju polja pretrage.
   ⭐ Boja `#dce1e7` NIJE proizvoljna — to je tacno ono sto se VIDI kao polje: pozadina `#f7f8f9`
      + panel `rgba(34,64,106,.06)` + polje `rgba(34,64,106,.07)`. Meni lebdi iznad stranice pa
      mora biti NEPROZIRAN (kroz providan bi se citali gradovi preko sadrzaja dok se skroluje). */
html:not(.rs-dark) body.page-template-template-search .rs-accordion-dropdown{
  background:#dce1e7 !important;
  border:1px solid rgba(var(--rs-blue-rgb,34,64,106),0.18) !important;
  box-shadow:0 14px 40px rgba(2,12,24,0.18) !important;
  scrollbar-color:rgba(var(--rs-blue-rgb,34,64,106),0.45) transparent !important;
}
html:not(.rs-dark) body.page-template-template-search .rs-accordion-dropdown::-webkit-scrollbar-thumb{
  background:rgba(var(--rs-blue-rgb,34,64,106),0.45) !important;
  border-color:#dce1e7 !important;
}
/* traka „Pretrazi grad..." u vrhu menija — bila navy (css/02 l.367) */
html:not(.rs-dark) body.page-template-template-search .rs-live-search{
  background:#dce1e7 !important;
  color:#22303f !important;
  border-bottom:1px solid rgba(var(--rs-blue-rgb,34,64,106),0.16) !important;
}
html:not(.rs-dark) body.page-template-template-search .rs-live-search::placeholder{ color:rgba(34,48,63,0.55) !important; }
/* zaglavlja grupa (Stambeno/Poslovno/Zemljiste u meniju „Tipovi") — bila bijeli preliv na navy */
html:not(.rs-dark) body.page-template-template-search .rs-group-header{
  background:rgba(var(--rs-blue-rgb,34,64,106),0.07) !important;
  border-bottom:1px solid rgba(var(--rs-blue-rgb,34,64,106),0.10) !important;
  color:rgba(34,48,63,0.65) !important;
}
html:not(.rs-dark) body.page-template-template-search .rs-group-header:hover{ background:rgba(var(--rs-blue-rgb,34,64,106),0.12) !important; }
/* izabrana stavka: zlatna podloga OSTAJE (oznaka izbora), ali tekst mora biti taman */
html:not(.rs-dark) body.page-template-template-search .rs-option.selected{ color:#22303f !important; }
/* kvadratic za cekiranje — obris je bio bijel */
html:not(.rs-dark) body.page-template-template-search .rs-option .rs-check{ border-color:rgba(var(--rs-blue-rgb,34,64,106),0.35) !important; }
html:not(.rs-dark) body.page-template-template-search .rs-option{
  color:#22303f !important;
  border-bottom:1px solid rgba(var(--rs-blue-rgb,34,64,106),0.08) !important;
}
html:not(.rs-dark) body.page-template-template-search .rs-option:hover{
  background:rgba(var(--rs-gold-rgb,217,170,79),0.16) !important;
  color:#22303f !important;
}

/* --- 6d) KARTICE REZULTATA -> ISTO STAKLO KAO NA POCETNOJ ---
   ⚠️ Nadjacava css/07 sek. „LISTING KARTICA na inner stranicama" koja karticama daje
      `background:var(--rs-blue) !important` i CIJELI tekst bijel preko `.item-wrap *`.
      Zato su selektori ispod duzi (veca specificnost) i sa `!important`.
   ⚠️ NAMJERNO se NE koristi siroki `*` selektor za boju teksta — time bi se pregazili
      i zlatna cijena, tamne ikonice na zlatnoj piluli i dugme „Detalji". Nabrojani su
      konkretni tekstualni elementi (isti spisak kao css/11 sek.94). */
html:not(.rs-dark) .page-template-template-search .bt-content-wrap .item-wrap,
html:not(.rs-dark) .page-template-template-search .bt-content-wrap .item-header,
html:not(.rs-dark) .page-template-template-search .bt-content-wrap .item-header-1,
html:not(.rs-dark) .page-template-template-search .bt-content-wrap .item-header-2{
  background-color:rgba(var(--rs-blue-rgb,34,64,106),0.10) !important;
  background-image:none !important;
  -webkit-backdrop-filter:blur(12px) saturate(140%) !important;
          backdrop-filter:blur(12px) saturate(140%) !important;
}
html:not(.rs-dark) .page-template-template-search .bt-content-wrap .item-wrap .item-title,
html:not(.rs-dark) .page-template-template-search .bt-content-wrap .item-wrap .item-title a,
html:not(.rs-dark) .page-template-template-search .bt-content-wrap .item-wrap .item-address,
html:not(.rs-dark) .page-template-template-search .bt-content-wrap .item-wrap .item-amenities,
html:not(.rs-dark) .page-template-template-search .bt-content-wrap .item-wrap .item-amenities *,
html:not(.rs-dark) .page-template-template-search .bt-content-wrap .item-wrap .item-date,
html:not(.rs-dark) .page-template-template-search .bt-content-wrap .item-wrap .item-date *,
html:not(.rs-dark) .page-template-template-search .bt-content-wrap .item-wrap .item-sub-price,
html:not(.rs-dark) .page-template-template-search .bt-content-wrap .item-wrap .price-postfix,
/* ⚠️ DOPUNJENO poslije provjere uzivo: tekst nije uvijek U elementu iz spiska nego u
   UNUTRASNJEM `<span>`-u, a css/07 boji sve preko `.item-wrap *` — pa su bez ovih redova
   ostajali bijeli: pod-cijena („1,990€/m2"), adresa i ime agenta. */
html:not(.rs-dark) .page-template-template-search .bt-content-wrap .item-wrap .item-sub-price *,
html:not(.rs-dark) .page-template-template-search .bt-content-wrap .item-wrap .item-address *,
html:not(.rs-dark) .page-template-template-search .bt-content-wrap .item-wrap .item-author,
html:not(.rs-dark) .page-template-template-search .bt-content-wrap .item-wrap .item-author *{
  color:#22303f !important;
}
/* cijena OSTAJE zlatna (siroki tekst-selektori iznad je ne diraju, ali css/07 je boji preko
   `.item-price *` — ovdje se potvrdjuje da ostane zlatna i u sivoj verziji) */
html:not(.rs-dark) .page-template-template-search .bt-content-wrap .item-wrap .item-price,
html:not(.rs-dark) .page-template-template-search .bt-content-wrap .item-wrap .item-price *{
  color:var(--rs-gold,#d9aa4f) !important;
}

/* --- 6e) MINI-KARTICA U „IZDVOJENO" -> isto staklo --- */
html:not(.rs-dark) .page-template-template-search .widget-featured-property-slider .item-wrap{
  background-color:rgba(var(--rs-blue-rgb,34,64,106),0.10) !important;
  background-image:none !important;
  -webkit-backdrop-filter:blur(12px) saturate(140%) !important;
          backdrop-filter:blur(12px) saturate(140%) !important;
}
html:not(.rs-dark) .page-template-template-search .widget-featured-property-slider .item-title,
html:not(.rs-dark) .page-template-template-search .widget-featured-property-slider .item-title a,
html:not(.rs-dark) .page-template-template-search .widget-featured-property-slider .item-address,
/* i unutrasnji `<span>` adrese — isti slucaj kao na karticama rezultata */
html:not(.rs-dark) .page-template-template-search .widget-featured-property-slider .item-address *,
html:not(.rs-dark) .page-template-template-search .widget-featured-property-slider .item-amenities,
html:not(.rs-dark) .page-template-template-search .widget-featured-property-slider .item-amenities *{
  color:#22303f !important;
}
html:not(.rs-dark) .page-template-template-search .widget-featured-property-slider .item-price,
html:not(.rs-dark) .page-template-template-search .widget-featured-property-slider .item-price *{
  color:var(--rs-gold,#d9aa4f) !important;
}

/* --- 6f) BIJELE KUTIJE U KOLONI -> SIVE (korisnik 2026-07-25) ---
   „Te bijele pozadine treba da su sive, da izgledaju više uklopljene u ostatak."
   Widgeti „Izdvojeno" i „Nedavno pregledano" bili su ciste bijele kartice (sek. 2), pa su
   iskakali iz sive stranice. Sad nose ISTO staklo kao kartice rezultata, samo blaze
   (`0.06` umjesto `0.10`) — jer se unutra nalazi jos jedna kartica.
   ⚠️ MINI-KARTICA U „IZDVOJENO" ide na PROVIDNU podlogu: dva sloja stakla jedan preko drugog
      (0.06 + 0.10) daju mutno-tamniju plocu i kartica ispadne kao „mrlja" u kutiji. Ovako
      fotografija nosi karticu, a kutija daje povrsinu. */
html:not(.rs-dark) .page-template-template-search .bt-sidebar-wrap .widget{
  background:rgba(var(--rs-blue-rgb,34,64,106),0.06) !important;
  border-color:rgba(var(--rs-blue-rgb,34,64,106),0.10) !important;
  -webkit-backdrop-filter:blur(12px) saturate(140%) !important;
          backdrop-filter:blur(12px) saturate(140%) !important;
}
html:not(.rs-dark) .page-template-template-search .widget-featured-property-slider .item-wrap{
  background-color:transparent !important;
  -webkit-backdrop-filter:none !important;
          backdrop-filter:none !important;
}

/* --- 6g) BEZ SJENKI (korisnik 2026-07-25) ---
   „Oko ovih kartica ima pozadina koja nije iste sive boje, te pozadine nam ne trebaju uopste,
    makni sjenke iza njih."
   To NIJE bila pozadina nego SJENKA: css/02 daje svakoj kartici `box-shadow:var(--rs-shadow-soft)`
   (`0 12px 34px rgba(2,12,24,.16)`). Na navy karticama se nije primjecivala, a na svijetlom sivom
   staklu se citala kao prljav oreol druge nijanse oko kartice.
   Gase se sjenke na: karticama rezultata, kutijama u desnoj koloni i panelu searcha — povrsine
   se sad razlikuju SAMO nijansom stakla, bez ivicnih efekata.
   ⚠️ Samo svijetla tema: u tamnoj sjenka odvaja karticu od tamne pozadine i tamo ostaje. */
html:not(.rs-dark) .page-template-template-search .bt-content-wrap .item-listing-wrap,
html:not(.rs-dark) .page-template-template-search .bt-content-wrap .item-wrap,
html:not(.rs-dark) .page-template-template-search .bt-content-wrap .item-listing-wrap:hover,
html:not(.rs-dark) .page-template-template-search .bt-sidebar-wrap .widget,
html:not(.rs-dark) .page-template-template-search .rs-search-nav-wrap .houzez-search-builder-wrapper{
  box-shadow:none !important;
}