/* ================= 38) NORMALIZACIJA — DOSLJEDAN LAYOUT (laptop+desktop, min-width:1025px) =========
     CILJ: nista se ne pomjera/razvlaci izmedju rezolucija. Sve vezano za SIRINU (clamp/max-width), NE za
     visinu ekrana (nema 100vh) i NE za magicne fiksne offsete. Ovo pravilo je NA KRAJU fajla i sa
     visokom specificnoscu -> deterministicki nadjacava starije hero/kartica rule (sek.9/9-RESP/36).
     Postavljeno JEDNOM -> vazi na svim sirinama; naknadno se stelaju samo brojevi ovdje. */
  @media (min-width:1025px){
    /* (1) sirina sadrzaja ujednacena (bilo saroliko 1246-1567); pozadine/hero ostaju pune */
    .elementor > .e-con > .e-con-inner{ max-width:1280px !important; margin-left:auto !important; margin-right:auto !important; }
    /* (2) HERO visina: clamp (gasi 100vh iz 9-RESP i 1529 iz sek.9) -> skalira se sa sirinom, isto svuda */
    body.home .elementor-element-c7f0da1{ min-height:clamp(820px,78vw,1440px) !important; }
    /* (3) SEARCH podignut na dno heroa (gasi -468/-150) + naslov jednako udaljen od searcha i kartica.
       Neutralisemo laptop-only pomake naslova/kartica iz 9-RESP da razmaci budu isti na svim sirinama. */
    body.home .elementor-element-78d9b5c{ margin-top:-304px !important; }
    body.home .elementor-element-2eccf74{ margin-top:0 !important; }
    /* (3b) CENTRIRAN naslov "Explore Our Latest Listings" izmedju search bara i prvih kartica + MANJE
       praznog prostora. Search sekcija (79227db7) ostavlja ~290px praznine iznad naslova jer search bar
       "pluta" gore na herou (mt:-304), a sekcija zadrzava svoju visinu. Podizemo CIJELU content sekciju
       (10b67f2 = naslov+kartice) za 110 -> razmak IZNAD naslova 290->180; i dodajemo 110 ISPOD naslova
       (kartice e799b65 70->180) = jednako 180/180, naslov centriran (vise vazduha na zahtjev). Razmaci
       su KONSTANTNI na svim desktop sirinama (izmjereno 1025/1280/1440/2560 = svuda 290/70) pa ovi fiksni
       brojevi rade identicno svuda. Ispod 1025 (tablet/mobilni) se ne primjenjuje. 2026-07-13. */
    body.home .elementor-element-10b67f2{ margin-top:-110px !important; }
    body.home .elementor-element-e799b65{ margin-top:110px !important; }
    /* (4) LUXURY visina: clamp (gasi 65vh). 2026-07-13 SKRACENA (~20% niza) na zahtjev — bg slika po
       vertikali manja, uskladjeno sa smanjenim sadrzajem (zoom u sek.41). Bilo clamp(520,42vw,760). */
    body.home .elementor-element-334570a{ min-height:clamp(400px,32vw,580px) !important; }
    /* (5) SEARCH uzi (bio pun 1280) */
    body.home .houzez-search-builder-wrapper{ max-width:1040px !important; margin-left:auto !important; margin-right:auto !important; }
    /* (6) KARTICA: vrati na fiksni tema-dizajn (ponisti fluid clamp iz sek.36 koji je razvlacio cijenu) */
    body.home .item-wrap .item-title, body.home .item-wrap .item-title a{ font-size:24px !important; }
    body.home .item-wrap .price{ font-size:23.75px !important; }  /* 2026-07-22: 25 -> 23.75 (-5% na zahtjev) */
    body.home .item-wrap .item-address{ font-size:16px !important; }
    body.home .item-wrap .item-amenities, body.home .item-wrap .item-amenities *{ font-size:17px !important; }
    /* (7) sub-cijena "1.990€/m2" manja (cijeli red, ukljucujuci broj koji je bio 25px) */
    body.home .item-wrap .item-price-wrap .item-sub-price,
    body.home .item-wrap .item-price-wrap .item-sub-price .price,
    body.home .item-wrap .item-price-wrap .item-sub-price .price-postfix,
    body.home .item-wrap .item-price-wrap .item-sub-price span{ font-size:14px !important; line-height:1.3 !important; }
    /* (8) tip nekretnine "HOUSE" manji od reda sa sobama iznad */
    body.home .item-wrap .h-type, body.home .item-wrap .h-type span{ font-size:12px !important; }
    /* (9) "OUR SERVICES" sekcija: raspored oko "WHAT WE DO" eyebrow-a = slika(Luxury) -> PROSTOR ->
       WHAT WE DO (u plavom dijelu) -> PROSTOR -> Our Services. Ranije je eyebrow imao top:-34px pa je
       ULAZIO U SLIKU (straddle-ovao ivicu). FIX: rs-service-tabs padding-top:24 (prostor ISPOD slike,
       iznad eyebrow-a) + eyebrow top:0 (u toku, ne vise u slici) + margin-bottom:34 (prostor ISPOD
       eyebrow-a, prije Our Services). Fiksni brojevi jer su razmaci KONSTANTNI na svim desktop sirinama
       (izmjereno 1025/1280/1440/2560). 2026-07-13.
       ⭐ 2026-07-14: korisnik trazio VISE vazduha oko eyebrow-a — dodato +20px NA OBA razmaka (ostaju
       ujednaceni): padding-top 24->44, margin-bottom 34->54. Rezultat ~55px iznad / ~54px ispod.
       ⚠️ Ovo su JEDINA mjesta gdje se ta dva razmaka stelaju — imaju vecu specificnost (body.home ...) pa
       bi svaki novi `.rs-service-tabs{padding-top}` bez `body.home` bio pregazen. Mijenjaj OVDJE. */
    body.home .rs-service-tabs{ padding-top:44px !important; }
    body.home .elementor-element-v770fqzvg{ padding-top:0 !important; }
    body.home .rs-service-tabs-head > span:first-child{ position:relative !important; top:0px !important; margin-bottom:54px !important; }
    /* (10) LUXURY sekcija: sadrzaj (naslov/tekst/dugme) bio poravnat na dno -> prazan prostor iznad
       varirao sa visinom sekcije (drugaciji izgled laptop vs desktop). CENTRIRAN vertikalno na svim
       nivoima -> jednako iznad i ispod (dosljedno na svim sirinama). */
    body.home .elementor-element-334570a{ align-items:center !important; }
    body.home .elementor-element-334570a > .e-con-inner{ justify-content:center !important; align-content:center !important; }
    body.home .elementor-element-24e7b19{ justify-content:center !important; }
    /* (11) LUXURY tekst bio pun-sirinski (1260px, jedan dug red -> djelovao razvuceno/veci iako je font
       isti 18px kao ostali podnaslovi). Suzen na 700px + centriran -> prelama se, lakse citljiv, uskladjen. */
    body.home .elementor-element-30769e2,
    body.home .elementor-element-30769e2 .elementor-widget-container{ max-width:700px !important; margin-left:auto !important; margin-right:auto !important; }
  }

  /* ================= 39) HAMBURGER MENI (offcanvas) — FROSTED KAO HEADER (svi uredjaji) ================
     Meni je bio SOLID navy. Postao poluproziran, ALI je to bilo scope-ovano na `@media (max-width:768px)`
     -> TABLET (769-1024) je ostajao PUN navy; korisnik 2026-07-16 to prijavio ("stavi pozadinu kao header").
     ⭐ SAD: media query UKLONJEN -> vazi na SVIM uredjajima, i vrijednosti su prepisane sa headera
        (#header-hz-elementor): blur(7px) saturate(1.3). Panel (.offcanvas) ostaje transparent pa je pozadina
        OGRANICENA na stavke (header+body), ne ide do dna ekrana.
     ⭐ ZAMKA: `.offcanvas.offcanvas-mobile-menu` je u css/06 imao `filter:drop-shadow(...)`. `filter` na PRETKU
        pravi "backdrop root" -> `backdrop-filter` na djeci nema sta da uzorkuje i frosted efekat je MRTAV.
        Zato ovdje `filter:none`, a sjenka se vraca preko `box-shadow` na samim panelima.
     Panel su DVA elementa (header+body) jedan ispod drugog -> JEDNOLIKA providnost (ne gradient .94->.62 kao
     header), jer bi se gradient restartovao na body-ju i napravio vidljiv sav na spoju.
     "Menu" natpis sakriven (korisnik: samo zbunjuje) — X za zatvaranje ostaje. */
  .offcanvas.offcanvas-mobile-menu{ background:transparent !important; filter:none !important; }
  .offcanvas.offcanvas-mobile-menu .offcanvas-header,
  .offcanvas.offcanvas-mobile-menu .offcanvas-mobile-menu-body{
    background:rgba(34,64,106,0.82) !important;
    -webkit-backdrop-filter:blur(7px) saturate(1.3) !important;
            backdrop-filter:blur(7px) saturate(1.3) !important;
    box-shadow:0 12px 32px rgba(0,0,0,0.38) !important;
  }
  html.rs-dark .offcanvas.offcanvas-mobile-menu .offcanvas-header,
  html.rs-dark .offcanvas.offcanvas-mobile-menu .offcanvas-mobile-menu-body{ background:rgba(7,17,28,0.86) !important; }
  .offcanvas-mobile-menu .offcanvas-title{ display:none !important; }
  /* ⭐ ZATVARANJE: sve nestaje ISTOVREMENO (korisnik 2026-07-16: "X ostane gore desno pa se naknadno ugasi").
     Po stilovima se sve krije u istom trenutku (izmjereno: header/body/X -> visibility:hidden na ~220ms), pa
     uzrok NIJE tajming nego ISCRTAVANJE: .btn-close ima `filter:invert(1)...` sto ga stavlja u ZASEBAN
     kompozitni sloj, a panel ima `backdrop-filter` (opet svoj sloj) -> browser zadrzi sloj X-a koji kadar duze.
     FIX: cijeli panel blijedi kao JEDNA cjelina (opacity na .offcanvas, Bootstrap dodaje `.hiding` na zatvaranju)
     -> pozadina i X odlaze zajedno, bez zaostajanja. */
  .offcanvas.offcanvas-mobile-menu{ transition:transform .18s ease, opacity .16s ease !important; }
  .offcanvas.offcanvas-mobile-menu.hiding{ opacity:0 !important; }
  /* KORIJEN problema: css/06 daje X-u `filter:invert(1) grayscale(1) brightness(2)` da pobijeli Bootstrap-ov
     crni SVG. `filter` promovise element u ZASEBAN kompozitni sloj, koji browser otpusti kadar-dva poslije
     panela (panel je i sam zaseban sloj zbog backdrop-filtera) -> X vizuelno "zaostane".
     FIX: bez filtera — crtamo BIJELI SVG direktno (isti Bootstrap X, samo fill=#fff). Nema filtera => nema
     zasebnog sloja => X odlazi zajedno sa panelom. */
  .offcanvas-mobile-menu .btn-close{
    filter:none !important; opacity:.85 !important;
    background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
  }

  /* ================= 40) "EXPLORE OUR LATEST LISTINGS" — ZLATAN NASLOV + ZLATNE BOCNE LINIJE =========
     Naslov (2eccf74) sad zlatan (#f0c96c) + zlatne linije sa strana (kao "WHAT WE DO" eyebrow):
     inline-flex + ::before/::after gradient linije. Vazi na SVE rezolucije i OBJE teme (dark override). */
  body.home .elementor-element-2eccf74 .elementor-widget-container{ text-align:center !important; }
  body.home .elementor-element-2eccf74 .elementor-heading-title,
  html.rs-dark body.home .elementor-element-2eccf74 .elementor-heading-title{ color:#f0c96c !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:clamp(14px,2vw,28px) !important; max-width:100% !important; }
  body.home .elementor-element-2eccf74 .elementor-heading-title::before,
  body.home .elementor-element-2eccf74 .elementor-heading-title::after{ content:'' !important; height:2px !important; width:clamp(28px,4.5vw,90px) !important; flex:0 0 auto !important; }
  body.home .elementor-element-2eccf74 .elementor-heading-title::before{ background:linear-gradient(90deg, transparent, #f0c96c) !important; }
  body.home .elementor-element-2eccf74 .elementor-heading-title::after{ background:linear-gradient(90deg, #f0c96c, transparent) !important; }
  /* MOBILNI: naslov vertikalno centriran izmedju searcha i kartica (bilo 90/74 -> sad ~84/84) */
  @media (max-width:768px){
    body.home .elementor-element-2eccf74{ margin-top:24px !important; margin-bottom:10px !important; }
  }
  /* 769-1024 (tablet / skalirani laptop): search je PREKLAPAO naslov (sT negativan) jer taj opseg nema
     hero/search pravilo (izmedju sek.9-MOB<=768 i sek.38>=1025). Naslov guran dole da NE pada na search i
     bude ~centriran (sT~170=tC na 800; ~195 na 1024). Scope-ovano SAMO tu -> ostale sirine netaknute.
     TODO(pravi fix): restrukturirati hero/search overlay za taj opseg (sad je zakrpa margin-om). */
  @media (min-width:769px) and (max-width:1024px){
    body.home .elementor-element-2eccf74{ margin-top:0px !important; }        /* naslov ne pada na search, kompaktnije */
    body.home .elementor-element-e799b65{ margin-top:30px !important; }        /* manji razmak naslov->kartice (bio 100) */
    /* kartica SOLID navy (bez svjetlo-plavog dijagonalnog gradienta 74,115,171 koji je na punoj sirini
       tableta izrazen; #22406a = "the blue" iz light teme) */
    body.home .item-wrap, body.home .item-header, body.home .item-header-1, body.home .item-header-2{ background-image:none !important; background-color:#22406a !important; }
    /* kartica se SKALIRA (zoom) da unutrasnjost stane proporcionalno (cijena/m2/vrijeme/dugmad) — na
       punoj sirini tableta se "3 months ago" + Call/Email/WhatsApp red lomio; zoom sve smanji zajedno. */
    body.home .elementor-element-e799b65 .property-cards-module{ zoom:0.8 !important; }
  }

  /* ================= 41) SERVICES GRID + CONTACT KARTICA — SRAZMJERNO SMANJENJE (desktop >=1025) =========
     Korisnik: Services grid (featured 360 kartica + lista servisa) i Contact kartica bili "glomazni"
     (jedva stanu na ekran). Smanjeni SRAZMJERNO (i sirina I visina) preko `zoom`, a razmaci OKOLO
     (navy padding sekcije + centriranje) OSTAJU netaknuti jer se zoomira SADRZAJ, ne sama sekcija.
     Zoom je ovdje OK: memo upozorenje o zoom-u se odnosi na hero/100vh/pozadinske slike SEKCIJE — ovdje
     toga nema; kod Services-a featured slika JESTE dio bloka pa se srazmjerno smanji zajedno (zeljeno).
     Zoomira se element koji NIJE full-bleed (da ostane centriran i da navy sekcija ostane PUNE sirine):
     - Services: .rs-service-tabs-grid (centriran u .rs-service-tabs).
     - Contact: e-con-inner sekcije f95d94mvx (navy sekcija puna, kartica se smanji unutra, centrirana).
     0.80 = 20% manje. Testirano centriranje + bez preljeva na 1025/1440/2560. Ispod 1025 (tablet/mobilni)
     se NE dira. Za jace/slabije smanjenje: mijenjaj brojeve (npr. 0.85 = 15% manje). 2026-07-13.
     ⭐ PROPERTY KARTICE ("Explore Our Latest Listings") — isto smanjenje, ali `zoom` tehnicki NE radi na
     njima (modul .property-cards-module je width:100% pa se pri zoom-u layout prosiri i vrati na punu
     sirinu). Zato `transform:scale(0.85)` (origin top center = ostaje centriran, gornji razmak naslov->
     kartice ocuvan). Prazninu ISPOD (transform ne reflowuje) reklamiramo `margin-bottom:-17.4%` (~20% visine;
     procenat auto-skalira sa sirinom -> na svim desktop sirinama razmak do "MORE INFORMATION" ostaje
     ~70-86px, bez preklapanja). Testirano 1025/1280/1440/2560. Media popup (360/Video) je position:fixed
     na document.body (van modula) pa ga transform NE lomi. */
  @media (min-width:1025px){
    body.home .elementor-element-f95d94mvx > .e-con-inner{ zoom:0.84 !important; } /* 2026-07-15: bilo 0.80, korisnik trazio +5% u cijelosti (0.80*1.05) */
    body.home .elementor-element-e799b65 .property-cards-module{ transform:scale(0.882) !important; transform-origin:top center !important; margin-bottom:-10.3% !important; }
    /* Call/Email/WhatsApp dugmad na karticama. Bilo +10% od originala (13.2/6.6/12.1/15.4); korisnik
       2026-07-15 trazio -5% -> 12.54 / 6.27px 11.5px / svg 14.63 (font+padding+ikonica). */
    body.home .elementor-element-e799b65 .item-footer-author-tool-wrap .rs-cta-btn,
    body.home .elementor-element-e799b65 .item-footer-author-tool-wrap .btn{ font-size:12.54px !important; padding:6.27px 11.5px !important; }
    body.home .elementor-element-e799b65 .item-footer-author-tool-wrap .rs-cta-btn svg,
    body.home .elementor-element-e799b65 .item-footer-author-tool-wrap .btn svg{ width:14.63px !important; height:14.63px !important; }
    /* LUXURY sadrzaj (naslov "Luxury" + tekst + dugme) 20% manji — zoom radi ovdje (e-con-inner ima
       max-width pa se smanji crisp bez blura, centriran). Visina sekcije skracena u sek.38(4). */
    body.home .elementor-element-334570a > .e-con-inner{ zoom:0.80 !important; }
  }
  /* SERVICES grid smanjenje (20%) SAMO na pravom desktop 2-kolonskom prikazu (>1200). Na tabletu/telefonu
     (<=1200) Services je SWIPE carousel (jedna kartica, vidi services-section.html) pa se NE zoomira —
     da swipe kartica bude pune velicine i konzistentna kroz cijeli tablet opseg. 2026-07-13. */
  @media (min-width:1201px){
    body.home .rs-service-tabs-grid{ zoom:0.84 !important; } /* 2026-07-15: bilo 0.80, korisnik trazio +5% u cijelosti (0.80*1.05) */
  }
  /* SERVICES swipe kartica na TABLETU (769-1200) = UZA + centrirana. U swipe modu (services-section.html
     <=1200) kartica je bila pune sirine (presiroko). Ogranicena na max-width:680 + centrirana; nav
     (strelice+tackice) iste sirine kao kartica. SAMO tablet — telefon (<=768) ostaje pun-sirinski.
     !important jer inline <style> widgeta dolazi kasnije u DOM-u. 2026-07-13. */
  @media (min-width:769px) and (max-width:1200px){
    .rs-service-tabs .rs-service-preview,
    .rs-service-tabs .rs-service-nav{ max-width:680px !important; margin-left:auto !important; margin-right:auto !important; }

    /* ⭐ 2026-07-15: AKTIVACIJA SWIPE MODA NA TABLETU (769-1200).
       Zivi Elementor HTML widget je STARA verzija — swipe pali tek na telefonu (inline @media <=768),
       pa je tablet-landscape (iPad Pro 11 = 1194) pokazivao desktop LISTU. Widget se ne salje kroz
       deploy.sh (Elementor DOM), pa ovdje (deployano) forsiramo isto sto ≤768 radi: sakrij listu, grid
       u blok (preview pune sirine), pokazi nav (strelice+tackice). Finger-swipe za ovaj opseg dodaje
       inc/03 (stari widget JS je swipe gejtovao na >768). Nav stilovi su replika inline ≤768 stilova
       (oni su u @media max-width:768 pa ovdje ne vaze). --gold-light dolazi s .rs-service-tabs. */
    .rs-service-tabs .rs-service-list{ display:none !important; }
    .rs-service-tabs .rs-service-tabs-grid{ display:block !important; }
    .rs-service-tabs .rs-service-nav{ display:flex !important; align-items:center !important; justify-content:space-between !important; margin-top:16px !important; }
    .rs-service-tabs .rs-service-nav button{ width:46px !important; height:46px !important; padding:0 !important; border-radius:999px !important; display:grid !important; place-items:center !important; cursor:pointer; background:rgba(var(--rs-gold-rgb,217,170,79),0.12) !important; border:1px solid rgba(var(--rs-gold-rgb,217,170,79),0.55) !important; color:var(--gold-light,#f0c96c) !important; transition:.2s ease; }
    .rs-service-tabs .rs-service-nav button:active{ transform:scale(0.92); }
    .rs-service-tabs .rs-service-nav svg{ width:20px !important; height:20px !important; }
    .rs-service-tabs .rs-svc-dots{ display:flex !important; gap:7px !important; }
    .rs-service-tabs .rs-svc-dots i{ width:7px; height:7px; border-radius:50%; background:rgba(255,255,255,0.28); transition:.25s ease; }
    .rs-service-tabs .rs-svc-dots i.on{ background:var(--gold-light,#f0c96c); width:20px; border-radius:4px; }
  }
  /* CONTACT (homepage, dno) = ISTA SIRINA kao Services kartica (.rs-service-preview = 680) na CIJELOM
     tabletu (769-1200) — korisnik 2026-07-15 ("da budu ujednaceni", obje orijentacije).
     RANIJE: scale-hak SAMO landscape (940 x scale(0.78) = 733) -> Contact SIRI od Services (680); a portret
     je bio full-width (754). Oba nesklada. SAD: cisto `width:680 + transform:none` -> forma OSTAJE 2-kolonska
     (testirano 834 i 1194: First/Last + Email/Phone u redu), sirina se TACNO poklapa sa Services (680),
     centrirano, u OBJE orijentacije. Kartica je bez scale-a nesto visa (851 umj. ~655) — ok, prioritet je
     jednaka sirina. margin-bottom:0 ponistava stari scale-povrat.
     zoom:normal (SAMO >=1025) gasi desktop zoom (sek.41 = 0.8 na e-con-inner) koji bi inace suzio 680 -> ~544. */
  @media (min-width:769px) and (max-width:1200px){
    body.home .elementor-element-3ekmrb92a{ width:680px !important; max-width:680px !important; margin-left:auto !important; margin-right:auto !important; transform:none !important; margin-bottom:0 !important; }
  }
  @media (min-width:1025px) and (max-width:1200px){
    body.home .elementor-element-f95d94mvx > .e-con-inner{ zoom:normal !important; }
  }

  /* ================= 51) HORIZONTALNI TABLET (landscape 1025-1200): SERVICES + CONTACT SIRE + CONTACT NIZI ====
     Korisnik 2026-07-15: na horizontalnom tabletu (iPad Pro 11 = 1194) su Services i Contact kartice bile
     PREUSKE (680px, ~250px praznog navy sa svake strane), a Contact "bas izduzen" po vertikali (851px).
     Izmjereno UZIVO na 1194 (browser preview, getBoundingClientRect):
       - obje kartice 680 -> 900 (centrirane, ~140px navy sa strane; ostaju MEDJU SOBOM ujednacene, kako su i bile).
       - Contact visina: lijeva kolona (e4dt2kmng) je imala fiksni min-height:849 + kolone padding 71.8 gore/dole
         -> kartica 851. min-height:0 (slika i dalje puni jer se stretch-uje uz visinu forme) + padding 46
         -> kartica 772 (sad je forma pod, ne izduzena slika). Forma (384) i dalje staje u desnu kolonu (438) bez preljeva.
     Prosiruje se SAMO ovaj blok koji vec postoji za landscape (sek.41 zoom:normal); PORTRET (<=1024) ostaje na 680
     (sek.147/176 blok iznad, NEPROMIJENJEN), desktop (>=1201) netaknut. Ova pravila dolaze KASNIJE u fajlu pa
     gaze 680 samo u opsegu 1025-1200. Verifikovano izmjerom: card 900x772, services 900x666.
     [[project_realscan_contact_page]] [[feedback_resolution_isolation]] */
  @media (min-width:1025px) and (max-width:1200px){
    body.home .elementor-element-3ekmrb92a{ width:900px !important; max-width:900px !important; }
    .rs-service-tabs .rs-service-preview,
    .rs-service-tabs .rs-service-nav{ max-width:900px !important; }
    body.home .elementor-element-e4dt2kmng{ min-height:0 !important; padding-top:46px !important; padding-bottom:46px !important; }
    body.home .elementor-element-cbff2mme9{ padding-top:46px !important; padding-bottom:46px !important; }
  }

  /* ================= 42) HEADER SOCIAL DROPDOWN (tablet) + PROPERTY KARTICA datum-fix =================
     (a) SOCIAL DROPDOWN: na tabletu (1025-1200) pun horizontalni meni + inline social ikonice su bili
     PRETRPANI (social absolute-desno preklapao "CONTACT"). Rjesenje: inline social sakriven, a JS
     (Function PHP.txt, rsSocialDropdown) ubaci malo zlatno "share" dugme desno u header -> klik spusti
     vertikalni panel sa social ikonicama. Time se oslobodi prostor pa meni ima NORMALNE razmake (raspet).
     Dugme/panel u temi (navy panel + zlatni akcent). Vazi SAMO na tabletu (1025-1200); desktop/mobilni
     netaknuti. 2026-07-13. */
  .rs-social-dd{ display:none; position:absolute; right:0; top:50%; transform:translateY(-50%); z-index:120; }
  .rs-social-dd-btn{ width:40px; height:40px; border-radius:50%; display:grid; place-items:center; cursor:pointer;
    background:rgba(240,201,108,0.12); border:1px solid rgba(240,201,108,0.55); color:#f0c96c; transition:.2s ease; padding:0; }
  .rs-social-dd-btn:hover{ background:rgba(240,201,108,0.2); }
  .rs-social-dd-btn svg{ width:19px; height:19px; }
  .rs-social-dd.open .rs-social-dd-btn{ background:linear-gradient(180deg,#f0c96c,#d9aa4f); color:#1a1205; }
  /* ⭐ 2026-07-16: pozadina = TACAN GRADIENT HEADERA (bilo rgba(...,0.96) = skoro neprozirno).
     ⚠️ ZASTO GRADIENT A NE SAMO BLUR: panel je dijete #header-hz-elementor, a header SAM ima backdrop-filter.
     `backdrop-filter` na PRETKU pravi "backdrop root" -> blur djeteta nema sta da uzorkuje (mrtav je), pa bi
     ravna boja preko vec-navy headera i dalje djelovala neprozirno. Gradient .94->.62 daje STVARNU prozirnost
     pri dnu (gdje panel izlazi ispod headera preko slike) = vizuelno isto kao header i kao #rs-util-menu.
     Blur ostavljen (bezopasan; radi ako se panel ikad izmjesti van headera). */
  .rs-social-dd-panel{ display:none; position:absolute; top:calc(100% + 10px); right:0; flex-direction:column; align-items:center; gap:6px;
    background:linear-gradient(180deg, rgba(34,64,106,0.94) 0%, rgba(34,64,106,0.62) 100%);
    -webkit-backdrop-filter:blur(7px) saturate(1.3); backdrop-filter:blur(7px) saturate(1.3);
    border:1px solid rgba(255,255,255,0.14); border-radius:14px; padding:10px 8px; box-shadow:0 14px 40px rgba(0,0,0,.5); }
  html.rs-dark .rs-social-dd-panel{ background:linear-gradient(180deg, rgba(7,17,28,0.96) 0%, rgba(11,31,55,0.7) 100%); }
  .rs-social-dd.open .rs-social-dd-panel{ display:flex; }
  .rs-social-dd-panel a{ width:38px; height:38px; display:grid !important; place-items:center; border-radius:50%; color:#fff !important; transition:.2s ease; }
  .rs-social-dd-panel a:hover{ background:rgba(240,201,108,0.16); color:#f0c96c !important; }
  .rs-social-dd-panel a svg{ width:18px; height:18px; }
  @media (min-width:1025px) and (max-width:1200px){
    #header-hz-elementor .elementor-element-726d806e{ display:none !important; }   /* sakrij inline social */
    .rs-social-dd{ display:block; }                                                /* pokazi dropdown dugme */
    /* meni razmaci NORMALNI (raspet tekst) — oslobodjen prostor jer social vise nije u redu */
    #header-hz-elementor ul.houzez-elementor-menu li.menu-item a.nav-link{ padding-left:10px !important; padding-right:10px !important; }
    #header-hz-elementor .houzez-ele-menu-1fdddd3f .navbar-nav{ transform:translateX(-10px) !important; }
  }
  /* (b) PROPERTY KARTICA datum: "3 months ago" se lomio u 2 reda (uzak box) -> footer visi, dugmad
     (Call/Email/WhatsApp) "bjezala"/pomjerena. nowrap = datum u jednom redu, footer iste visine na svim
     karticama, dugmad poravnata. Vazi svuda (body.home), ne samo tablet. 2026-07-13. */
  body.home .item-wrap .rs-listing-date, body.home .item-wrap .rs-listing-date *{ white-space:nowrap !important; }
  body.home .item-wrap .rs-listing-date{ flex-shrink:0 !important; }

  /* ================= 43) DARK-MODE FIXEVI (kartica border + search boja) =================
     (a) PROPERTY KARTICA lijevi border: .item-body-wrap u DARK modu ima border top/right/bottom
     (rgba(255,255,255,0.14)) ali LIJEVO 0 (na desktopu je slika lijevo pa lijevi border ne treba).
     Kad je kartica SLOZENA (<=991: slika gore, detalji puni-sirinski = mobilni + tablet-portrait) lijevi
     border FALI i vidi se rupa na tamnoj pozadini. Dodajemo ga. Scope html.rs-dark (light nema border
     uopste pa bi tamo lijeva linija bila usamljena). 2026-07-13.
     (b) SEARCH PANEL u DARK: .houzez-search-builder-wrapper je bio rgb(20,48,79) i u LIGHT i u DARK
     (ne prati temu) -> u dark presvijetao (svjetliji od kartice 7,17,28 i polja 11,31,55 = izgledao pogresno).
     Zatamnjen na rgb(9,22,38) (tamniji od polja pa polja "iskoce"/imaju elevaciju). Vazi u dark, sve sirine. */
  @media (max-width:991px){
    html.rs-dark body.home .item-body-wrap{ border-left:1px solid rgba(255,255,255,0.28) !important;  /* 2026-07-15: bilo 0.14, pojacano usklsdjeno sa top/right/bottom (css/03) */
      /* donji-lijevi cosak ZAOBLJEN (bio 0=kvadrat, podesen za desktop gdje je body-wrap desni dio;
         na mobilnom je body-wrap DONJI dio pa donji cosak mora pratiti zaobljenje kartice, inace ga
         overflow:hidden kartice odsijece = rupa u borderu koju je korisnik prijavio) */
      border-bottom-left-radius:16px !important; }
  }
  html.rs-dark .houzez-search-builder-wrapper,
  html.rs-dark .houzez-search-form-wrapper{ background:rgb(9,22,38) !important; }

  /* ================= 44) SEARCH RESULTS STRANICA (/search-results/) =================
     (a) "Save Search" dugme uklonjeno (nepotrebno).
     (b) CIJENE na karticama vece — bile 16px (glavna) / 12px (po m2) = presitno. Glavna 26px, po m2 14px.
     Scope body:not(.home) da NE dira kartice na POCETNOJ (one imaju svoje velicine, sek.36/38). Vazi na
     search rezultatima i ostalim ne-home listing stranicama (Properties archive itd). 2026-07-13. */
  .save-search-form-wrap{ display:none !important; }
  body:not(.home) .item-wrap .item-price,
  body:not(.home) .item-wrap .item-price .price{ font-size:22px !important; line-height:1.15 !important; }
  body:not(.home) .item-wrap .item-sub-price,
  body:not(.home) .item-wrap .item-sub-price .price,
  body:not(.home) .item-wrap .item-sub-price .price-postfix{ font-size:14px !important; }
  /* (c) RAZMAK rezultati -> footer: .main-wrap je zavrsavao tacno na footeru (spojeno). padding-bottom
     odvaja zadnju karticu od footera. body:not(.home) = inner stranice (pocetna je Elementor, nema .main-wrap). */
  body:not(.home) .main-wrap{ padding-bottom:90px !important; }
  /* (d) breadcrumb linkovi ("Back to Search"/"Home") + aktivni list/grid prekidac: PLAVI (#00aeff Houzez
     accent) -> ZLATNI (#d9aa4f). Pseudo-klase (a:link/:visited) OBAVEZNE jer Houzez boji preko a:link
     (jaca specificnost). body:not(.home) = inner stranice. 2026-07-13. */
  body:not(.home) .breadcrumb a,
  body:not(.home) .breadcrumb a:link, body:not(.home) .breadcrumb a:visited,
  body:not(.home) .breadcrumb a:hover, body:not(.home) .breadcrumb a:focus{ color:#d9aa4f !important; }
  body:not(.home) .breadcrumb a:hover{ color:#f0c96c !important; }
  body:not(.home) .switch-btn.active, body:not(.home) .switch-btn.active i,
  body:not(.home) a.switch-btn.active, body:not(.home) a.switch-btn.active:link{ color:#d9aa4f !important; }

  /* ================= 45) KONTAKT (homepage, DESKTOP) — lijevi tekst pomjeren ULIJEVO =================
     Lijeva kolona (e4dt2kmng) imala padding-left ~113px = velik prazan prostor lijevo.
     Smanjeno na 40px: naslov "Contact us" + pasus + email/telefon sjednu lijevo nad nebom,
     manje praznine. SAMO desktop (>=1025); tablet/mobilni NETAKNUTI. */
  @media (min-width:1025px){
    body.home .elementor-element-e4dt2kmng{ padding-left:40px !important; }
  }

  /* ================= 46) KONTAKT (homepage, DESKTOP) — MAIL + TELEFON +5% =================
     Widget fiky2davl (SAMO email office@realscan.me + telefon 067/066-888).
     STVARNA veličina je fluid clamp iz 10-fluid-typography sek.36 (NE 15px — to je bio
     spoljni okvir); +5% = svaka vrijednost clamp-a ×1.05: 16->16.8, 1.35vw->1.42vw, 21->22.05.
     Ikonica prati istim clamp-om. SAMO ta dva reda; desktop (>=1025); tablet/mobilni netaknuti. */
  @media (min-width:1025px){
    body.home .elementor-element-fiky2davl .elementor-icon-list-text{ font-size:clamp(16.8px,1.42vw,22.05px) !important; }
    body.home .elementor-element-fiky2davl .elementor-icon-list-icon svg,
    body.home .elementor-element-fiky2davl svg{ width:clamp(16.8px,1.42vw,22.05px) !important; height:auto !important; }
    /* suptilan razmak izmedju mail i telefon reda (bio ~2px = zalijepljeni) */
    body.home .elementor-element-fiky2davl .elementor-icon-list-item:not(:last-child){ margin-bottom:8px !important; }
  }

  /* ================= 47) KONTAKT (homepage, DESKTOP) — FORMA (desni sadrzaj) +5% =================
     Forma (ntgl0w0ou) scale(1.05), origin top center. Provjereno da STAJE u navy okvir (cbff2mme9)
     na SVIM desktop sirinama: margine ~28-34px sa strana, ~65-75px dole (izmjereno 1025/1536/2560).
     Samo desktop (>=1025); tablet/mobilni netaknuti. */
  @media (min-width:1025px){
    body.home .elementor-element-ntgl0w0ou{ transform:scale(1.05) !important; transform-origin:top center !important; }
  }

  /* ================= 48) KONTAKT FORMA (homepage, DESKTOP) — polja visa + tekst/labele veci =================
     Desni dio ima zoom:0.8 (sek.41) pa je sve sitno. Ovdje SAMO forma (ntgl0w0ou):
     polja visa (input height 35->48px u kodu = ~40px vizuelno zbog zoom-a). TEKST U POLJIMA
     UJEDNACEN: sva polja bila 15px ALI Message textarea 14px (nema .form-control klasu) -> sad SVI
     na vecu vrijednost 15px pa +5% = 15.75px (selektor po TIPU hvata i input i textarea). Labele
     +5%: 16->16.8px. Provjereno da forma i dalje staje u okvir (1025/1536/2560).
     Samo desktop (>=1025); tablet/mobilni netaknuti. */
  @media (min-width:1025px){
    body.home .elementor-element-ntgl0w0ou input:not([type=checkbox]):not([type=submit]):not([type=radio]){ height:48px !important; }
    body.home .elementor-element-ntgl0w0ou input:not([type=checkbox]):not([type=submit]):not([type=radio]),
    body.home .elementor-element-ntgl0w0ou textarea{ font-size:15.75px !important; }
    body.home .elementor-element-ntgl0w0ou label,
    body.home .elementor-element-ntgl0w0ou .elementor-field-label{ font-size:16.8px !important; }
  }

  /* ================= 49) KONTAKT (homepage, DESKTOP) — tekst ne prelazi 2/3 lijevog prostora =========
     Pasus je bio ~78% kolone. Ogranicen na max-width:70% (od sadrzaja kolone) = ostaje <= 2/3 sirine
     kolone na SVIM desktop sirinama (kolona raste 480@1025 -> 576@1536; 70% sadrzaja uvijek <= 2/3).
     Naslov ukljucen (kratak, bez vidljive promjene). Samo desktop (>=1025); tablet/mobilni netaknuti. */
  @media (min-width:1025px){
    body.home .elementor-element-e4dt2kmng .elementor-widget-text-editor,
    body.home .elementor-element-e4dt2kmng .elementor-widget-heading{ max-width:70% !important; }
  }

  /* ================= 50) HOMEPAGE KARTICE — FIKSNA VISINA SLIKE (sve kartice IDENTICNE) =================
     Problem: glavna slika (.item-v10-image) ima aspect-ratio:4/3 pa joj visina zavisi od sirine i
     varira po kartici (i po fotki), a bez fotke se skupi -> kartice "plesu", plava linija se ne poklapa,
     navy skoci, footer (datum+dugmad) se sabije. FIX: glavna slika FIKSNA visina 360px (landscape, ne
     kvadrat) + popunjava (position:absolute inset:0 + object-fit:cover) -> SVE slike/kartice tacno iste
     visine, sa fotkom ili bez, bez obzira na oblik fotke ili sirinu. Thumbnails (item-header-2) flex:1 da
     POPUNE visinu (bez plavog ispod VIDEO). Navy popunjava (nije odsjecen). Overlay dugmad ostaju.
     Visina 360 = landscape slika (~1.43:1); za visu/nizu mijenjaj samo taj broj. Desktop (>=1025). */
  @media (min-width:1025px){
    body.home .elementor-element-e799b65 .item-header-1{ position:relative !important; min-height:0 !important; height:360px !important; }
    body.home .elementor-element-e799b65 .item-header-1 .item-v10-image{ position:absolute !important; inset:0 !important; aspect-ratio:auto !important; height:auto !important; width:auto !important; }
    body.home .elementor-element-e799b65 .item-header-1 .item-v10-image img{ height:100% !important; width:100% !important; object-fit:cover !important; }
    body.home .elementor-element-e799b65 .item-header-wrap-right .item-header-2{ flex:1 1 0 !important; min-height:0 !important; }
    /* thumbnail slike (360/VIDEO) POPUNJAVAJU thumb (imaju isti aspect-ratio:4/3 pa je navy virio ispod svake) */
    body.home .elementor-element-e799b65 .item-header-2{ position:relative !important; }
    body.home .elementor-element-e799b65 .item-header-2 .item-v10-image{ position:absolute !important; inset:0 !important; aspect-ratio:auto !important; height:auto !important; width:auto !important; }
    body.home .elementor-element-e799b65 .item-header-2 .item-v10-image img{ height:100% !important; width:100% !important; object-fit:cover !important; }
    /* SLIKA SIRA horizontalno + NAVY uzi i UJEDNACEN. Navy fiksiran 405px (ne varira po duzini datuma
       "3 months ago" vs "2 days ago" pa se plava linija poklapa svuda) — dovoljno za footer
       (datum+Call/Email/WhatsApp) i adresu u 1 redu. Ostatak sirine ide slici (74%) + thumb (26%).
       Slika ~488px (bila 456) = umjeren landscape ~1.53:1. Footer staje 1025/1536/2560. */
    body.home .elementor-element-e799b65 .item-wrap > .item-body-wrap{ flex:0 0 490px !important; width:490px !important; min-width:490px !important; max-width:490px !important; }
    body.home .elementor-element-e799b65 .item-wrap > .item-header-wrap{ flex:1 1 auto !important; }
    body.home .elementor-element-e799b65 .item-header-wrap-left{ flex:1 1 72% !important; }
    body.home .elementor-element-e799b65 .item-header-wrap-right{ flex:1 1 28% !important; }
  }

  /* ================= 51) 360/VIDEO CRNI GRADIENT UVIJEK NA SVIM UREDJAJIMA + HOVER UVECANJE LABELA =======
     (1) Slika thumbnaila puna vidljivost + CRNI gradient overlay (::after) UVIJEK preko nje
         (top 0.15 -> bottom 0.65). Label (360/VIDEO) z-index:3 iznad gradienta (z:1) = citljiv.
     ⭐ 2026-07-15: gradient je RANIJE bio scope-ovan na >=1025 (desktop) pa je FALIO na tabletu/telefonu —
        thumbs (item-header-2) se prikazuju i tamo (i u swipe modu, verifikovano 390/834/1536). Izvuceno
        IZ media query-ja -> vazi na SVIM sirinama. item-v10-image dobija position:relative (bio static <1025)
        da ::after legne tacno preko slike; label ostaje tema-centriran (absolute), samo mu se digne z-index.
     (2) Na hover: 360/VIDEO natpis se malo uveca. Hover ostaje SAMO desktop (>=1025). */
  body.home .elementor-element-e799b65 .item-header-2 img{ opacity:1 !important; }
  body.home .elementor-element-e799b65 .item-header-2 .item-v10-image{ position:relative !important; }
  body.home .elementor-element-e799b65 .item-header-2 .item-v10-image::after{
    content:'' !important; position:absolute !important; inset:0 !important;
    background:linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.65)) !important;
    pointer-events:none !important; z-index:1 !important;
  }
  body.home .elementor-element-e799b65 .item-header-2 .btn-360,
  body.home .elementor-element-e799b65 .item-header-2 .btn-video{ position:absolute !important; z-index:3 !important; transition:transform .2s ease !important; }
  @media (min-width:1025px){
    body.home .elementor-element-e799b65 .item-header-2:hover .btn-360,
    body.home .elementor-element-e799b65 .item-header-2:hover .btn-video{ transform:scale(1.12) !important; }
  }

  /* ================= 52) PROPERTY LIGHTBOX (quick preview popup) — SAMO BOJE + THEME-AWARE ============
     SAMO boje (raspored NE diram). Naslov + adresa SAKRIVENI (ne trebaju). Strelice (bile plave
     #00aeff) -> zlatne. Horizontalne linije (bile sivi border) -> ZLATNI GRADIENT (kao eyebrow linije
     iz dizajna). Pozadina PRATI TEMU: svijetla tema = ostaje svijetla (default), DARK tema = navy +
     svijetli tekst. (Ranije je bilo navy u OBJE teme + pojavio se naslov/adresa — ispravljeno.) */
  /* --- zajednicko za obje teme --- */
  .property-lightbox .lightbox-content-wrap .item-title,
  .property-lightbox .lightbox-content-wrap .item-address{ display:none !important; }
  /* RASPORED: desni panel POPUNI visinu (bio float/clearfix pa se skupljao gore -> prazan bijeli dio dole).
     modal-body flex; panel flex-kolona; ikonice+Details margin-top:auto = DOLE; opis dobija prostor gore
     (bice duzi kad bude pravi opis). Sirine slike/panela ostaju. */
  .property-lightbox .modal-body{ display:flex !important; align-items:stretch !important; }
  .property-lightbox .lightbox-content-wrap{ display:flex !important; flex-direction:column !important; height:auto !important; }
  .property-lightbox .lightbox-content-wrap .property-overview-data{ margin-top:auto !important; }
  /* ZLATNA GRADIENT LINIJA ispod header taba (odvaja gornji tab od sadrzaja) */
  .property-lightbox .modal-header{ border-bottom:2px solid transparent !important; border-image:linear-gradient(90deg, transparent, rgba(217,170,79,.95), transparent) 1 !important; }
  .property-lightbox .slick-prev, .property-lightbox .slick-next{ background-color:#d9aa4f !important; background-image:linear-gradient(180deg,#f0c96c,#d9aa4f) !important; color:#1a1205 !important; }
  /* zlatna gradient linija SAMO iznad ikonica (property-overview-data); linije oko cijene UKLONJENE */
  .property-lightbox .item-price-wrap{ border-top:0 !important; border-bottom:0 !important; }
  .property-lightbox .property-overview-data{
    border-left:0 !important; border-right:0 !important; border-bottom:0 !important;
    border-top:1px solid transparent !important;
    border-image:linear-gradient(90deg, transparent, rgba(217,170,79,.9), transparent) 1 !important;
  }
  /* --- DARK tema -> navy modal + svijetli tekst (svijetla tema ostaje default) --- */
  html.rs-dark .property-lightbox .modal-content{ background:linear-gradient(150deg,#12233b,#0a1626 60%,#07111c) !important; color:#eaf0f7 !important; }
  html.rs-dark .property-lightbox .modal-header{ background:rgba(4,17,31,.55) !important; }
  /* osiguraj da NEMA bijelog u dark temi (svi wrapperi transparent -> navy modal-content se vidi) */
  html.rs-dark .property-lightbox .modal-body,
  html.rs-dark .property-lightbox .lightbox-content-wrap,
  html.rs-dark .property-lightbox .lightbox-form-wrap{ background:transparent !important; }
  html.rs-dark .property-lightbox .lightbox-content-wrap,
  html.rs-dark .property-lightbox .lightbox-content-wrap p,
  html.rs-dark .property-lightbox .lightbox-content-wrap li,
  html.rs-dark .property-lightbox .lightbox-content-wrap span,
  html.rs-dark .property-lightbox .lightbox-content-wrap div,
  html.rs-dark .property-lightbox .lightbox-content-wrap a{ color:#eaf0f7 !important; }
  html.rs-dark .property-lightbox .lightbox-content-wrap i,
  html.rs-dark .property-lightbox .lightbox-content-wrap svg{ color:#d9aa4f !important; fill:#d9aa4f !important; }
  html.rs-dark .property-lightbox .btn-close{ filter:brightness(0) invert(1) !important; opacity:.85 !important; }
  /* Details dugme: TAMAN tekst (bijelo na zlatnom se nije vidjelo). VISOKA specificnost jer dark-tema
     pravilo `html.rs-dark ...lightbox-content-wrap a{svijetlo}` (0,3,1) inace pobjedjuje .btn-item. */
  html.rs-dark .property-lightbox .lightbox-content-wrap a.btn-item,
  .property-lightbox .lightbox-content-wrap a.btn-item{ color:#1a1205 !important; }
  /* strelice: glyph (::before) TAMAN (bio bijeli na zlatnom) */
  .property-lightbox .slick-prev::before, .property-lightbox .slick-next::before{ color:#1a1205 !important; }
  /* FULLSCREEN/expand ikonica gore-desno: zlatna + crna ikonica (bila bijela bg + plava #00aeff);
     :link/:visited jer je <a> pa Houzez boji preko pseudo-klasa */
  .property-lightbox .btn-expand, .property-lightbox .btn-expand:link, .property-lightbox .btn-expand:visited,
  .property-lightbox .btn-expand:hover, .property-lightbox .btn-expand:focus{ background:linear-gradient(180deg,#f0c96c,#d9aa4f) !important; color:#1a1205 !important; border:none !important; }
  .property-lightbox .btn-expand i, .property-lightbox .btn-expand svg{ color:#1a1205 !important; fill:#1a1205 !important; }
  /* GLAVNA cijena ZLATNA (dark tema; u svijetloj ostaje default do dogovora) */
  html.rs-dark .property-lightbox .item-price-wrap .item-price{ color:#f0c96c !important; }
  /* opis/panel: SCROLL ako sadrzaj ikad predugacak -> sve ostane dostupno (trenutni opis je serverski
     excerpt "..." = kratak pregled; puni opis je na Details stranici) */
  .property-lightbox .lightbox-content-wrap{ overflow-y:auto !important; }
  /* --- SVIJETLA tema -> ISTI dizajn kao dark, samo SVIJETLA PLAVA IZ TEME (#4a73ab/#22406a, ista kao
     na karticama) + svijetli tekst + zlatni akcenti. (NIJE izmisljena boja — uzeta iz teme.) --- */
  html:not(.rs-dark) .property-lightbox .modal-content{ background:linear-gradient(135deg,#4a73ab,#22406a 55%,#1a3559) !important; color:#eaf0f7 !important; }
  html:not(.rs-dark) .property-lightbox .modal-header{ background:rgba(12,28,48,.35) !important; }
  html:not(.rs-dark) .property-lightbox .modal-body,
  html:not(.rs-dark) .property-lightbox .lightbox-content-wrap,
  html:not(.rs-dark) .property-lightbox .lightbox-form-wrap{ background:transparent !important; }
  html:not(.rs-dark) .property-lightbox .lightbox-content-wrap,
  html:not(.rs-dark) .property-lightbox .lightbox-content-wrap p,
  html:not(.rs-dark) .property-lightbox .lightbox-content-wrap li,
  html:not(.rs-dark) .property-lightbox .lightbox-content-wrap span,
  html:not(.rs-dark) .property-lightbox .lightbox-content-wrap div{ color:#eaf0f7 !important; }
  html:not(.rs-dark) .property-lightbox .lightbox-content-wrap i,
  html:not(.rs-dark) .property-lightbox .lightbox-content-wrap svg{ color:#f0c96c !important; fill:#f0c96c !important; }
  html:not(.rs-dark) .property-lightbox .item-price-wrap .item-price{ color:#f0c96c !important; }
  html:not(.rs-dark) .property-lightbox .btn-close{ filter:brightness(0) invert(1) !important; opacity:.85 !important; }

  /* ================= 53) PROPERTY LIGHTBOX — OTVARANJE BEZ RASTEZANJA + SPINNER ======================
     PROBLEM (izmjereno 2026-07-14): klik -> ~400ms AJAX (nista se ne vidi) -> modal se pokaze 571px
     visok -> na kraju Bootstrap fade-a (shown event) slick galerija se preracuna -> SKOK na 720px =
     vidljivo "rastezanje". FIX:
     (1) Bootstrap fade skracen .3s -> .12s (shown/preracun stigne ranije; BS cita computed duration).
     (2) modal-content NEVIDLJIV dok se raspored ne slegne, pa fade-in (CSS animacija, delay pokriva
         preracun; radi i bez JS-a — animacija se uvijek zavrsi, ne moze ostati nevidljivo).
     (3) Zlatni spinner ODMAH na klik dok se ceka server (klasu body.rs-lb-loading dodaje/skida JS u
         inc/13-lightbox-loading.php). Vazi za SVE sirine (kao sek.52). */
  .property-lightbox .modal.fade{ transition-duration:.12s !important; }
  .property-lightbox .modal.fade .modal-dialog{ transition-duration:.12s !important; }
  .property-lightbox .modal.show .modal-content{ opacity:0; animation:rsLbIn .25s ease .22s forwards; }
  @keyframes rsLbIn{ to{ opacity:1; } }
  body.rs-lb-loading::after{
    content:''; position:fixed; z-index:100000; top:50%; left:50%;
    width:46px; height:46px; margin:-23px 0 0 -23px; border-radius:50%;
    border:3px solid rgba(217,170,79,.25); border-top-color:#f0c96c;
    animation:rsLbSpin .7s linear infinite; pointer-events:none;
  }
  @keyframes rsLbSpin{ to{ transform:rotate(360deg); } }

  /* ================= 54) "SELL FASTER" + "DIGITALIZE" SEKCIJE — TEKST I DUGME -10% ====================
     Na zelju korisnika (2026-07-14): eyebrow/naslov/pasus/dugme smanjeni 10% u OBJE blizanacke sekcije
     ("Sell Faster"/List Your Property i "Digitalize"/COMMERCIAL — isti dizajn). Naslov/pasus = fluidni
     clamp iz sek.36 * 0.9 (ista pravila + !important — ovaj fajl se ucitava POSLIJE css/10 pa pobjedjuje).
     Dugme = scale(.9) (cijeli objekat, obje ose; origin lijevo da ne mrdne pozicija) + hover-lift iz
     css/02 zadrzan. Samo desktop/tablet (>=769), mobilni netaknut. */
  @media (min-width:769px){
    body.home .elementor-element-e954f2a .elementor-heading-title,
    body.home .elementor-element-245d930 .elementor-heading-title{ font-size:12.6px !important; }               /* eyebrow (bio 14) */
    body.home .elementor-element-4d29b94 .elementor-heading-title,
    body.home .elementor-element-05abb31 .elementor-heading-title{ font-size:clamp(21.6px,1.89vw,34.2px) !important; }  /* naslov (bio clamp 24/2.1vw/38) */
    body.home .elementor-element-2e485b8, body.home .elementor-element-2e485b8 p,
    body.home .elementor-element-d618074, body.home .elementor-element-d618074 p{ font-size:clamp(13.5px,1.125vw,18px) !important; }  /* pasus (bio clamp 15/1.25vw/20) */
    body.home .elementor-element-3df268b .elementor-button,
    body.home .elementor-element-020a7c6 .elementor-button{ transform:scale(0.9) !important; transform-origin:left center !important; }  /* dugme -10% obje ose */
    body.home .elementor-element-3df268b .elementor-button:hover,
    body.home .elementor-element-020a7c6 .elementor-button:hover{ transform:scale(0.9) translateY(-1px) !important; }  /* zadrzi hover-lift iz css/02 (scale bi ga inace pregazio) */
  }

  /* ================= 55) LUXURY DUGME "DISCOVER MORE" — STRELICA + VELICINA KAO "GET IN TOUCH" =========
     Korisnik (2026-07-14): (a) strelica na Luxury dugmetu je UVIJEK bijela — treba da bude bijela SAMO na
     hoveru (kao na "GET IN TOUCH"); (b) dugme da bude iste velicine kao "GET IN TOUCH" iznad.

     (a) STRELICA: Elementorov post-10.css za widget 2765787 postavlja `fill:#fff` na samo dugme (default),
     pa ga SVG naslijedi -> bijela uvijek. Kod 020a7c6 (GET IN TOUCH) default fill je ZLATNI #d4af37, a
     `:hover svg` -> #fff. Ujednacavamo. Ciljamo SVG DIREKTNO + !important jer post-10 selektori imaju vecu
     specificnost (0,4,0 default / 0,5,1 hover), ali su BEZ !important. Mobilni (<=768) se NE dira: tamo je
     SVG display:none (css/06) a strelica je ::after i namjerno bijela (nema hovera na dodiru).

     (b) VELICINA: Luxury sadrzaj je u roditelju sa `zoom:0.80` (sek.41), pa je dugme izlazilo 205x45.2, dok
     je GET IN TOUCH layout 227x56 * scale(0.9) (sek.54) = 204x50.4 stvarno. Luxury je dakle bio NIZI i
     sitniji (tekst i strelica 11.2px vs 12.6px). Fix u dva koraka:
       1. layout kutija ujednacena s GET IN TOUCH: gap 20->16, border 1.25->1px
          (padding 20/30, font 14, letter-spacing 4, line-height 14, radius 9 su vec identicni) -> visina 56;
       2. `zoom:1.125` na dugmetu ponisti roditeljski 0.80 na NETO 0.90 = ista skala kao GET IN TOUCH.
     Rezultat: visina 50.4px, font 12.6px, strelica 12.6px, padding 18/27 — SVE identicno GET IN TOUCH-u.
     SIRINA ostaje ~227px (vs 204px) jer je "DISCOVER MORE" duza rijec od "GET IN TOUCH" (13 vs 12 znakova,
     uz letter-spacing 4px) — ista VELICINA, prirodno duza kutija. Ako korisnik hoce i identicnu sirinu,
     mora se zezati padding/letter-spacing (tekst bi se stisnuo) — namjerno NIJE radjeno.
     Scope: samo desktop (>=1025) jer roditeljski zoom postoji samo tamo; tablet/mobilni netaknuti.
     ⚠️ MJERENJE: browser pane ima document.visibilityState=hidden -> transition na `transform` je ZAMRZNUT
     pa getComputedStyle(GET IN TOUCH).transform lazno vraca identitet (scale(0.9) se NE vidi). Racunati iz
     layout kutije (offsetWidth/Height) * poznate skale, ne vjerovati procitanom transformu. 2026-07-14. */
  @media (min-width:769px){
    /* (a) strelica: ZLATNA po defaultu (kao GET IN TOUCH), BIJELA na hover */
    body.home .elementor-element-2765787 .elementor-button svg{ fill:#d4af37 !important; }
    body.home .elementor-element-2765787 .elementor-button:hover svg{ fill:#fff !important; }
  }
  @media (min-width:1025px){
    /* (b) ista velicina kao GET IN TOUCH: kutija 56px + neto skala 0.90 */
    body.home .elementor-element-2765787 .elementor-button{
      zoom:1.125 !important;        /* 0.80 (roditeljski zoom, sek.41) * 1.125 = 0.90 = skala GET IN TOUCH-a */
      border-width:1px !important;  /* bilo 1.25px -> visina kutije 56.5 -> 56, isto kao GET IN TOUCH */
    }
    body.home .elementor-element-2765787 .elementor-button .elementor-button-content-wrapper{
      gap:16px !important;          /* bilo 20px -> isti razmak tekst<->strelica kao GET IN TOUCH */
    }
  }

  /* 56) "WHAT WE DO" razmaci (iznad/ispod) — NE stoji ovdje. Vec postoje pravila u sek.38(9) na vrhu fajla
     (body.home .rs-service-tabs / .rs-service-tabs-head > span:first-child) sa vecom specificnoscu, pa se
     tamo i stela. 2026-07-14. */

  /* ================= 57) LUXURY PASUS — ISTA VELICINA KAO "DIGITALIZE"/"SELL FASTER" PASUS ============
     Korisnik (2026-07-14): tekst ispod naslova "Luxury" ("A curated collection of luxury homes...", widget
     30769e2) da bude iste velicine kao pasus u Digitalize/Sell Faster sekcijama (d618074 / 2e485b8).

     ⚠️ KVAKA — ZOOM: Luxury sadrzaj je u roditelju sa `zoom:0.80` (sek.41), a Digitalize/Sell Faster NISU
     zoomirani. Zato se UPISANA velicina ne smije samo prepisati: izmjereno je bilo Luxury 16px * 0.8 =
     12.8px STVARNO, dok je Digitalize 14.4px stvarno (pasus iz sek.54 = clamp(13.5px,1.125vw,18px)).
     Da se VIZUELNO poklope, upisana vrijednost mora biti podijeljena sa 0.8:
        clamp(13.5px, 1.125vw, 18px) / 0.8  =  clamp(16.875px, 1.40625vw, 22.5px)
     -> * 0.8 (zoom) vraca tacno clamp(13.5,1.125vw,18) = identicno Digitalize-u NA SVAKOJ SIRINI (clamp je
     monotona pa se dijeljenje prenosi na sve tri vrijednosti; `vw` NIJE pod uticajem zoom-a).
     line-height:1.6 = isti odnos kao Digitalize (23.04/14.4=1.6) -> stvarna visina reda takodje identicna.
     Scope: samo desktop (>=1025) jer zoom postoji samo tamo. Mobilni (css/09: 21px) NIJE diran. 2026-07-14. */
  @media (min-width:1025px){
    body.home .elementor-element-30769e2,
    body.home .elementor-element-30769e2 p{
      font-size:clamp(16.875px,1.40625vw,22.5px) !important;  /* = Digitalize clamp / 0.8 (ponistava zoom) */
      line-height:1.6 !important;                             /* isti odnos kao Digitalize pasus */
    }
  }

  /* ================= 58) SERVICES FEATURED KARTICA — OPIS + BULLETI +10% ==============================
     Korisnik (2026-07-14): tekst u velikoj "featured" kartici (opis servisa + tri stavke s kvacicom, npr.
     "An intelligent AI assistant..." + "Instant buyer replies"/"Property questions answered"/"Available
     24/7") povecan za 10%. NE dira: naslov (h3), "FEATURED SERVICE" eyebrow, dugme.
     Osnovne vrijednosti dolaze iz inline <style> HTML widgeta (services-section.html: p=18px, li=16px):
       p:  18px -> 19.8px   (+10%)
       li: 16px -> 17.6px   (+10%)
     !important jer inline <style> widgeta dolazi KASNIJE u DOM-u od nasih CSS fajlova.
     ⚠️ services-section.html je samo LOKALNA REFERENCA markupa — sadrzaj zivi u Elementor HTML widgetu
     (89eeb20) na WP-u i deploy.sh ga NE salje. Zato se sve stela iskljucivo odavde, kroz CSS.
     Scope: >=1201 = pravi desktop 2-kolonski grid (isti opseg kao zoom:0.80 iz sek.41, tako da +10% pada
     tacno tamo gdje korisnik gleda). Tablet <=1200 je SWIPE kartica (max-width 680, bez zoom-a) i ostaje
     netaknut, kao i mobilni. 2026-07-14. */
  @media (min-width:1201px){
    body.home .rs-service-content p{ font-size:19.8px !important; }   /* bilo 18 */
    body.home .rs-service-content li{ font-size:17.6px !important; }  /* bilo 16 */
  }

  /* ================= 58b) CONTACT (homepage) OPIS = ISTA VELICINA kao Services opis (desktop >=1201) =====
     Korisnik 2026-07-15: tekst "Whether you're looking to buy..." bio VECI (23px) od Services opisa (19.8px).
     Izjednaceno na 19.8px (oba su u zoom:0.84 gridu -> rendered ~16.6px, identicno). line-height 1.7 kao Services
     (bilo 36.8px/23 = 1.6). Widget = elementor-element-lkbtkm1o5 (jedini <p> u lijevoj Contact koloni; native
     Elementor tekst pa se stela iskljucivo odavde). Scope >=1201 (pravi desktop, isti opseg gdje je Services 19.8);
     tablet/mobilni Contact je zaseban dizajn i ostaje netaknut. */
  @media (min-width:1201px){
    body.home .elementor-element-lkbtkm1o5 p{ font-size:19.8px !important; line-height:1.7 !important; }
  }

  /* ================= 59) HEADER DROPDOWN — UJEDNACEN ZA SVE MENI STAVKE ==============================
     Korisnik (2026-07-14): dodao "Portfolio" (Custom Link) sa pod-stavkom "360° Gallery", ali mu dropdown
     izgleda drugacije od "Properties".

     UZROK: header ima DVA ODVOJENA Elementor meni-widgeta, jedan pored drugog:
       - LIJEVI  60fe701  = Home | Properties | Explore Montenegro   -> dropdown STILIZOVAN u Elementoru
       - DESNI   1fdddd3f = Portfolio | Why Choose Us | Contact      -> dropdown NIKAD nije stilizovan,
         jer do sada nijedna stavka u njemu nije imala pod-stavke!
     Cim je Portfolio dobio dijete, njegov .dropdown-menu je pao na BOOTSTRAP DEFAULT = bijela pozadina +
     tamni tekst, a hover na plavu #00aeff (Houzez default) — vidljivo van teme.
     (Hover na SAMOM naslovu "Portfolio" je vec bio zlatan: css/02 `.houzez-elementor-menu .nav-link:hover`
     je genericki pa hvata oba widgeta. Problem je bio SAMO unutar dropdowna.)

     FIX: umjesto krpljenja bas widgeta 1fdddd3f, stilizujemo GENERICKI svaki dropdown u headeru
     (`#header-hz-elementor ... .houzez-nav-menu-main-desktop-wrap .dropdown-menu`) — tako i BUDUCE stavke
     (Renders, Animations, Favorites...) automatski izgledaju isto, bez novog CSS-a. Vrijednosti su
     PREPISANE sa Properties dropdowna (izmjereno na zivom sajtu), pa je rezultat 1:1 isti izgled:
       UL:  bg transparent, bez bordera/sjenke/radiusa, padding 0, min-width 250px
       a:   #f4f4f4, 13px, 600, padding 15px 8px, bez uppercase
       a:hover / .item-active / .highlighted: zlatna rgb(199,170,36) = ista koju Elementor daje Properties-u
     NAPOMENA: ta zlatna (#c7aa24) je Elementorova, malo tamnija od tematske --rs-gold (#d9aa4f). Namjerno
     je zadrzana da Portfolio bude IDENTICAN Properties-u (to je bio zahtjev). Ako se ikad zeli svjetlija
     tematska zlatna — promijeni na jednom mjestu ovdje i vazi za OBA dropdowna.
     Scope: #header-hz-elementor (footer meni ima svoj stil u css/04 i NIJE diran). Mobilni offcanvas meni
     je vec genericki pokriven u css/06 (.offcanvas-mobile-menu .dropdown-menu) pa radi i za Portfolio.
     2026-07-14. */
  #header-hz-elementor .houzez-nav-menu-main-desktop-wrap .dropdown-menu{
    background-color:rgba(2,1,1,0) !important;
    border:0 !important; border-radius:0 !important; box-shadow:none !important;
    padding:0 !important; min-width:250px !important;
  }
  #header-hz-elementor .houzez-nav-menu-main-desktop-wrap .dropdown-menu a,
  #header-hz-elementor .houzez-nav-menu-main-desktop-wrap .dropdown-menu .dropdown-item{
    color:#f4f4f4 !important; background-color:transparent !important;
    font-size:13px !important; font-weight:600 !important; text-transform:none !important;
  }
  #header-hz-elementor .houzez-nav-menu-main-desktop-wrap .dropdown-menu > li > a{ padding:15px 8px !important; }
  #header-hz-elementor .houzez-nav-menu-main-desktop-wrap .dropdown-menu a:hover,
  #header-hz-elementor .houzez-nav-menu-main-desktop-wrap .dropdown-menu a:focus,
  #header-hz-elementor .houzez-nav-menu-main-desktop-wrap .dropdown-menu a.item-active,
  #header-hz-elementor .houzez-nav-menu-main-desktop-wrap .dropdown-menu a.highlighted{
    color:rgb(199,170,36) !important; background-color:transparent !important;
  }

  /* ================= 60) LISTING STRANICE — KONTAKT FORMA SA STRANE ========
     KORISNIK 2026-07-16: forma je nalijegala PREKO kartica; treba da stoji desno, PRATI skrol (sticky),
     da se NE poklapa sa sadrzajem lijevo, a ako nema mjesta sa strane -> da ide ISPOD.

     ⭐ IZMJENA 2026-07-20: pravila su bila vezana za `body.page-id-19517` (samo Properties), pa se na
     novim stranicama (For Sale / For Rent / Luxury) nisu primjenjivala i one su izgledale drugacije —
     korisnik: "iako su iste stranice ne ponasaju se isto". Sada je scope `body.rs-listing-page`, tj.
     SVE listing stranice odjednom, i svaka buduca.
     Radi zato sto Elementor pri dupliranju stranice ZADRZAVA iste ID-eve elemenata (provjereno:
     0f87880 / dfe78c6 / 076a7a1 / 23e0593 postoje i na kopijama) — pa selektori po elementima vaze
     svuda, jedino je scope po stranici bio pretijesan.
     ⚠️ PRAVILO ZA UBUDUCE: dizajn listing stranica pisati kao `body.rs-listing-page ...`, NIKAD po
     page-id — inace se opet raziju.

     UZROK (izmjereno uzivo na 1536, oba su Elementor podesavanja na ovoj stranici):
       (a) `.elementor-element-dfe78c6` (kolona sa karticama) ima **margin-right:-685px** -> povlaci sidebar
           kolonu ulijevo PREKO kartica. Racun se poklapa: kartice zavrse na 1106, -685 -> sidebar na 421,
           a kartice se vide do 1096 => ~55px preklapanja.
       (b) `.elementor-element-076a7a1` (sidebar kolona) ima **min-height:1440px** iako je forma stvarno
           samo ~464px -> kolona je bila 1440 visoka pa STICKY nije imao sta da radi (visi od ekrana).
     Red je `.elementor-element-0f87880 > .e-con-inner` (flex row, nowrap, 1280px, 2 djeteta).
     Nema overflow:hidden predaka -> sticky radi. Header je position:relative (nije fixed) -> top offset mali (24px).

     FIX:
       >=1201 (ima mjesta): margin-right:0 + kartice uzimaju ostatak (flex:1 1 auto, min-width:0),
              sidebar fiksnih 360px + min-height:0 (skupi se na formu 464) + position:sticky top:24
              + align-self:flex-start (da se ne rastegne). gap 32 -> izmjereno preklapanje 0, razmak 42px.
       <=1200 (nema mjesta): red u KOLONU -> forma IDE ISPOD kartica, puna sirina, bez sticky.
              Verifikovano na 1024: forma ispod (0px vertikalnog preklapanja), sirina ista kao kartice.
     ⚠️ Ako korisnik ikad SKINE tu negativnu marginu / min-height u Elementoru, ova pravila i dalje rade
        (samo postaju suvisna) — ne lome nista. 2026-07-16 */
  @media (min-width:1201px){
    body.rs-listing-page .elementor-element-0f87880 > .e-con-inner{ align-items:flex-start !important; gap:32px !important; }
    body.rs-listing-page .elementor-element-dfe78c6{ margin-right:0 !important; flex:1 1 auto !important; width:auto !important; max-width:none !important; min-width:0 !important; }
    body.rs-listing-page .elementor-element-076a7a1{ flex:0 0 360px !important; width:360px !important; max-width:360px !important; min-width:0 !important;
      min-height:0 !important; height:auto !important; position:sticky !important; top:24px !important; align-self:flex-start !important; }
    body.rs-listing-page .elementor-element-076a7a1 > .e-con-inner{ min-height:0 !important; height:auto !important; }
  }
  @media (max-width:1200px){
    body.rs-listing-page .elementor-element-0f87880 > .e-con-inner{ flex-direction:column !important; flex-wrap:wrap !important; align-items:stretch !important; gap:24px !important; }
    body.rs-listing-page .elementor-element-dfe78c6,
    body.rs-listing-page .elementor-element-076a7a1{ margin-right:0 !important; width:100% !important; max-width:100% !important; flex:0 0 auto !important;
      min-height:0 !important; height:auto !important; position:static !important; }
    body.rs-listing-page .elementor-element-076a7a1 > .e-con-inner{ min-height:0 !important; height:auto !important; }
  }

  /* ================= 61) LISTING STRANICE (body.rs-listing-page) — TOGGLE iznad "Sort By" ==============
     Toggle dugmad (list/grid) ubacujemo u sadrzaj sort widgeta (inc/14-listing-pages.php), i to PRIJE sorta.
     Korisnik trazi toggle IZNAD "Sort By" (kao na Houzez search stranici) -> KOLONA, desno poravnata.
     (Redoslijed rijesen u DOM-u u inc/14, a NE CSS `order`/`column-reverse` hakom -> ispravno i za citace ekrana.)
     Scope `body.rs-listing-page` = zajednicka oznaka (inc/14) -> vazi na SVIM listing stranicama odjednom
     (properties / for-sale / for-rent / buduci Luxury), bez nabrajanja page-id-ova. 2026-07-16 */
  body.rs-listing-page .elementor-widget-houzez_elementor_sort_by > .elementor-widget-container{
    display:flex !important; flex-direction:column !important; align-items:flex-end !important;
    gap:8px !important; }
  body.rs-listing-page .rs-switch-view{ padding-left:0 !important; flex:0 0 auto !important; }
  body.rs-listing-page .rs-switch-view ul{ display:flex !important; align-items:center !important; gap:8px !important; margin:0 !important; padding:0 !important; }

  /* ================= 62) GRID KARTICA (item-wrap-v1) — SVE SLIKE ISTI ODNOS 4:3 ========================
     Korisnik 2026-07-16: grid kartice su prvo bile "izduzene" (bio widget v4 sa punom filmskom fotkom); korisnik
     je u Elementoru presao na property-card-v1 = ISTA kartica kao Houzez search grid (slika do ivice). Ostao je
     jos jedan nesklad: "treca kartica nema istu visinu slike".
     UZROK: za tu nekretninu WP NEMA generisan 584x438 (4:3) thumbnail pa server servira PUNU fotku 1170x780
     (1.5:1) -> slika niza (398x265) nego kod ostalih (398x299 = 4:3).
     FIX: omotacu slike (.hover-effect) damo aspect-ratio 4/3 + object-fit:cover => sve slike ISTA visina,
     ISJECENO (ne deformisano), bez obzira koji fajl server posalje. Slika je u SLICK karuselu, pa
     track/list/slide moraju height:auto da slajder ne namece svoju visinu.
     Scope `.grid-view .item-wrap-v1` = grid kartica na search I na svim listing stranicama (jedno pravilo, svuda
     isto). List kartice (item-listing-wrap-v2) i pocetna (item-wrap-v10) se NE diraju. Za drugi odnos: samo
     `aspect-ratio` ispod. ⚠️ PRAVI korijen 3. kartice = regenerisati thumbnailove (Regenerate Thumbnails plugin);
     bez toga ta kartica i dalje SKIDA 1170px fotku umjesto 584px (nepotrebno teze), samo je vizuelno srijedjeno. */
  .grid-view .item-wrap-v1 .hover-effect{ aspect-ratio:4/3 !important; overflow:hidden !important; display:block !important; }
  .grid-view .item-wrap-v1 .hover-effect img{ width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; }
  .grid-view .item-wrap-v1 .slick-track,
  .grid-view .item-wrap-v1 .slick-list,
  .grid-view .item-wrap-v1 .slide-img{ height:auto !important; }

  /* ================= 63) SINGLE PROPERTY — MEDIA TABOVI: TEKST + IZNAD SLIKA =================
     2026-07-19 (proba, na zahtjev korisnika)

     PRIJE: gole ikonice (48x48, zlatni okvir, providna pozadina, BIJELA ikonica) lebdjele su
     `position:absolute` u GORNJEM DESNOM uglu PREKO fotografije -> nije bilo jasno sta koje dugme radi.

     SAD: ista dugmad, ali (1) izvucena iz fotke u normalan tok -> stoje IZNAD slika, i (2) uz ikonicu
     stoji i TEKST (Photos / 3D Tour / Video / Map / Street View).

     ⚠️ BOJA: bijela ikonica je radila SAMO preko fotke; iznad slika je pozadina svijetla pa bi bijelo
     bilo nevidljivo. Zato je tekst/ikonica TAMNO PLAVA, a zlatni okvir i oblik (radius 4px) ostaju
     isti. Aktivan tab = zlatna ispuna (kao ostala dugmad na sajtu).

     ⚠️ TEKST JE CSS `::after` (content) — dodat je bez diranja PHP-a/widgeta, sto je bio cilj probe.
     To znaci da taj tekst NE postoji u izvoru stranice (citaci ekrana i Google ga ne vide). Ako proba
     prodje i ostaje trajno -> prebaciti u pravi tekst kroz mali PHP filter.

     Prebacivanje sadrzaja ispod radi Bootstrap sam (dugmad su `data-bs-toggle="pill"`) — nista se
     tu ne dira. ID-evi tabova su Houzez-ovi i stabilni.

     ⚠️⚠️ SCOPE = `.property-banner` (BEZ broja verzije!) — NE `.property-banner-v2`.
     GRESKA 2026-07-19: prvo je bilo pisano `.property-banner-v2`, dok je TEKST (`::after`) isao po
     ID-evima taba. Kad je korisnik u Elementoru promijenio hero na Top Area v3 (tada banner nema
     `-v2` klasu, wrapper je `property-detail-v4`), pravila za RASPORED su prestala da vaze a tekst
     je nastavio da se dodaje -> tekst se natrpao u kvadratice 48x48 i pilule su se preklapale.
     Svaka Houzez verzija hero-a nosi klasu `property-banner` (sufiks je opcion), pa scope bez
     verzije radi na SVIM verzijama i prezivljava promjenu widgeta u Elementoru. */

  /* 1) izvuci traku iz fotke u normalan tok (bila absolute, top:30px, desno) */
  body.single-property :is(.property-banner,.mobile-property-tools) .nav-pills{
    position:static !important; top:auto !important; bottom:auto !important;
    justify-content:flex-start !important; flex-wrap:wrap !important;
    gap:10px !important; margin:0 0 16px 0 !important; padding:0 !important;
  }
  /* PORAVNANJE: traka tabova mora poceti na istoj liniji kao breadcrumb / naslov / adresa / slika.
     Tabovi sjede u Bootstrap `.container`, a SLIKA nije u njemu — pa su bili uvuceni. Kriva su DVA
     odvojena razloga (prvi popravak je rijesio samo prvi, pa je tablet i dalje bio pomjeren):
       1) `.container` ima 12px bocnog razmaka  -> na 1536 su tabovi poceli na 173 umjesto 161;
       2) `.container` ima MAX-SIRINU po breakpointu i centrira se -> na 1194 je bio uzi od bannera
          pa su tabovi poceli na 105 umjesto 10 (razlika 95px).
     Zato se gase oba: i razmak i ogranicenje sirine — kontejner tada prati sirinu bannera, kao slika. */
  body.single-property .property-banner > .container{
    height:auto !important;
    max-width:100% !important; width:100% !important;
    margin-left:0 !important; margin-right:0 !important;
    padding-left:0 !important; padding-right:0 !important;
  }

  /* 2) pilula: ikonica + tekst jedno pored drugog (bila kvadrat 48x48 samo za ikonicu) */
  body.single-property :is(.property-banner,.mobile-property-tools) .nav-pills .nav-link{
    display:inline-flex !important; align-items:center !important; gap:9px !important;
    width:auto !important; height:auto !important;
    padding:11px 18px !important; border-radius:4px !important;
    /* min-height: bez njega su pilule bile RAZLICITE visine (Photos 46px, 3D Tour 39px) — svaka
       houzez-icon glifa se u flex redu poravna malo drugacije, pa ih ovim izjednacavamo. */
    min-height:46px !important; justify-content:center !important;
    background:transparent !important;
    border:1px solid rgba(var(--rs-gold-rgb),0.55) !important;
    color:#12233a !important;                       /* umjesto bijele — vidi napomenu o boji gore */
    font-size:15px !important; font-weight:600 !important; line-height:1 !important;
    transition:background .15s ease, border-color .15s ease, transform .15s ease !important;
  }
  /* BEZ IKONICA — tabovi su SAMO TEKST (odluka korisnika 2026-07-19: uz jasan natpis ikonica ne
     nosi nikakvu informaciju).
     Gase se OBA izvora ikonica:
       `::before` = ikonice koje je crtala css/08 sek.42 (mask-image SVG + tekst "360°" na 360 tabu)
                    iz vremena kad su tabovi bili GOLE IKONICE;
       `i.houzez-icon` = originalna font-ikonica teme.
     (Da je ostalo samo jedno od to dvoje, na 360 tabu bi pisalo "360° 3D Tour".) */
  body.single-property :is(.property-banner,.mobile-property-tools) .nav-pills .nav-link::before,
  body.single-property :is(.property-banner,.mobile-property-tools) .nav-pills .nav-link i{
    content:none !important; display:none !important;
    -webkit-mask:none !important; mask:none !important; background:none !important;
  }
  body.single-property :is(.property-banner,.mobile-property-tools) .nav-pills .nav-link:hover{
    border-color:var(--rs-gold) !important; transform:translateY(-1px) !important;
  }

  /* 3) AKTIVAN = zlatna ispuna (Houzez ovdje gura svoju plavu `rgba(0,174,255,.65)!important`
        iz styling-options, pa nam treba isto `!important`) */
  body.single-property :is(.property-banner,.mobile-property-tools) .nav-pills .nav-link.active{
    background:linear-gradient(180deg,var(--rs-gold-2),var(--rs-gold)) !important;
    background-color:transparent !important;
    border-color:var(--rs-gold) !important; color:#1a1205 !important;
  }

  /* 3b) STREET VIEW i na TELEFONU sakriven. css/08 sek.42 ga krije samo unutar `.property-banner`,
     a mobilna traka je IZVAN njega (`.mobile-property-tools`) pa je tamo i dalje virio — a panel mu
     je prazan.
     ⚠️ VAZNO: tema ispisuje tabove DVA PUTA (desktop + mobilni) sa ISTIM `id`-evima. Zato ID-selektori
     za tekst (tacka 4) gadjaju OBJE trake — pa i mobilna MORA imati isti stil pilula, inace tekst
     upadne u kvadratic 48x48 i prelije se (tako je i bilo do 2026-07-19). */
  .mobile-property-tools .nav-pills li:has(> .nav-link[href="#pills-street-view"]){ display:none !important; }
  .mobile-property-tools .nav-pills .nav-link[href="#pills-street-view"]{ display:none !important; }

  /* 4) TEKST uz ikonicu — po stabilnim Houzez ID-evima taba (vazi za obje trake, vidi 3b)
     ⚠️ PREVOD: ovi nazivi dolaze iz CSS `content` pa ih JS motor (plugin RealScan Translate) NE MOZE
     prevesti — vezani su za jezik preko `html[lang]` koji motor postavlja (sr-ME default / en). CG je
     i podrazumijevani (vazi i prije nego JS odradi -> nema bljeska engleskog). 2026-07-23. */
  body.single-property #pills-gallery-tab::after{ content:"Opis i fotografije"; }
  html[lang="en"] body.single-property #pills-gallery-tab::after{ content:"Description & photos"; }
  body.single-property #pills-360-virtual-tour-view-tab::after{ content:"3D tura"; }
  html[lang="en"] body.single-property #pills-360-virtual-tour-view-tab::after{ content:"3D Tour"; }
  body.single-property #pills-video-tab::after{ content:"Video"; }
  body.single-property #pills-map-tab::after{ content:"Mapa"; }
  html[lang="en"] body.single-property #pills-map-tab::after{ content:"Map"; }
  body.single-property #pills-street-view-tab::after{ content:"Ulični prikaz"; }
  html[lang="en"] body.single-property #pills-street-view-tab::after{ content:"Street View"; }

  /* 5) DARK tema — svijetli tekst na tamnoj pozadini (aktivan ostaje zlatan sa tamnim tekstom) */
  html.rs-dark body.single-property :is(.property-banner,.mobile-property-tools) .nav-pills .nav-link{ color:#eef3f9 !important; }
  html.rs-dark body.single-property :is(.property-banner,.mobile-property-tools) .nav-pills .nav-link.active{ color:#1a1205 !important; }

  /* 6) TELEFON — sitnije pilule da stanu u dva reda umjesto da se gura horizontalno */
  @media (max-width:600px){
    body.single-property :is(.property-banner,.mobile-property-tools) .nav-pills{ gap:7px !important; margin-bottom:12px !important; }
    body.single-property :is(.property-banner,.mobile-property-tools) .nav-pills .nav-link{ padding:9px 13px !important; font-size:13.5px !important; min-height:40px !important; }
    body.single-property :is(.property-banner,.mobile-property-tools) .nav-pills .nav-link i{ font-size:15px !important; }
  }

  /* ================= 64) HERO MEDIJI — VISINA 16:9 (umjesto tema-4:3) =================
     2026-07-19, na zahtjev korisnika ("mora li slika da bude ovolika po vertikali?").

     PRIJE (Houzez main.css): velika slika `aspect-ratio:4/3` -> na 1159px sirine = 869px visine, plus
     traka slicica 111px = 980px ukupno. To je skoro kvadrat i puni cijeli ekran laptopa. Uz to su
     Mapa i 360 isli 4/3, a VIDEO 16/9 (prirodni format YouTube-a) -> visina je poskakivala po tabovima.

     SAD: sve na 16:9 -> velika slika 652px (ustedjeno 217px), a video vise ne odskace jer mu je 16:9
     prirodan format.
     NAPOMENA: Photos tab ostaje ~111px visi od ostalih — toliko zauzima TRAKA SLICICA, koju drugi
     tabovi nemaju. Sama slika/mapa/360 su identicne visine.
     ⚠️ Fotografije su ~3:2 (npr. 1170x785), pa ih 16:9 malo odsijece gore-dolje (object-fit:cover).
     Ako zatreba manje odsijecanja: promijeni 16/9 -> 16/10 (724px) ili 3/2 (773px) na sva tri mjesta
     ispod. To je jedina stvar koja se dira. */

  /* velika slika u galeriji (placeholder + aktivni slajd lightSlider-a) */
  body.single-property .property-banner .gallery-featured-placeholder,
  body.single-property .property-wrap .top-gallery-section .lslide,
  body.single-property .property-wrap .top-gallery-section .lSSlideWrapper li{
    aspect-ratio:16/9 !important; height:auto !important;
  }
  /* mapa / 360 / video panel — isti odnos kao slika (tema im je davala 4/3, a videu 16/9) */
  body.single-property .property-banner #pills-map,
  body.single-property .property-banner #pills-360tour,
  body.single-property .property-banner #pills-video{
    aspect-ratio:16/9 !important; height:auto !important; min-height:0 !important;
  }
  body.single-property .property-banner #pills-video iframe,
  body.single-property .property-banner #pills-360tour iframe,
  body.single-property .property-banner #pills-map .map-wrap,
  body.single-property .property-banner #pills-map [id^="houzez-single-listing-map"]{
    width:100% !important; height:100% !important;
  }

  /* ================= 65) TABOVI — REDOSLIJED + NAGLASENA 3D TURA =================
     2026-07-19, na zahtjev korisnika.

     A) REDOSLIJED: Description & photos -> 3D Tour -> Video -> Map.
        Tema ih ispisuje redom: galerija, mapa, street view, video, 360. Mijenjamo prikaz preko flex
        `order` (traka je flex kontejner), jer markup pravi Elementor widget i ne diramo ga.
        ⚠️ `order` mijenja SAMO vizuelni redoslijed — tabulator i citaci ekrana idu redom iz HTML-a.
        Ako redoslijed ikad postane bitan i za njih, mora se mijenjati markup (PHP), ne CSS.

     B) 3D TURA NAGLASENA: natpis "3D Tour" BLAGO PULSIRA (opacity), bez ikakvog sloja preko taba.
        Razlog (korisnik): 3D ture su srz posla pa taj tab treba da vuce oko.
        PUT DO OVOGA (da se ne vrti u krug):
          v1 = pulsirajuca zlatna sjenka oko pilule -> "bljeska je ruzan";
          v2 = zlatni odsjaj klizi preko taba (glass shine) -> "mani taj overlay";
          v3 (ovo) = pulsira sam tekst.
        - Ne animira se kad je tab VEC aktivan (korisnik je vec tamo — nema sta da mu se dobacuje).
        - Postuje `prefers-reduced-motion`.
        Stimovanje: `2.6s` = brzina pulsa, `0.55` u @keyframes = koliko duboko blijedi (nize = jace
        pulsira; ne spustati previse da natpis ostane citljiv). */

  /* --- A) redoslijed --- */
  body.single-property :is(.property-banner,.mobile-property-tools) .nav-pills li:has(> .nav-link[href="#pills-gallery"]){ order:1 !important; }
  body.single-property :is(.property-banner,.mobile-property-tools) .nav-pills li:has(> .nav-link[href="#pills-360tour"]){ order:2 !important; }
  body.single-property :is(.property-banner,.mobile-property-tools) .nav-pills li:has(> .nav-link[href="#pills-video"]){   order:3 !important; }
  body.single-property :is(.property-banner,.mobile-property-tools) .nav-pills li:has(> .nav-link[href="#pills-map"]){     order:4 !important; }

  /* --- B) blago pulsiranje NATPISA "3D Tour" --- */
  /* Pulsira SAM TEKST (`::after`, tu i zivi natpis) — bez ikakvog sloja preko taba.
     Ranije verzije (obje odbacene na zahtjev korisnika): v1 = pulsirajuca sjenka oko pilule
     ("bljesak je ruzan"), v2 = zlatni odsjaj koji klizi preko taba ("mani taj overlay").
     Animira se OPACITY (ne boja) — pa radi isto u svijetloj i tamnoj temi, gdje je tekst razlicit.
     Blago: 1 -> 0.55 -> 1 kroz 2.6s; ne pada nisko da natpis ostane citljiv u svakom trenutku. */
  @keyframes rs-tab-pulse{
    0%, 100% { opacity:1; }
    50%      { opacity:0.55; }
  }
  body.single-property :is(.property-banner,.mobile-property-tools) .nav-pills .nav-link[href="#pills-360tour"]:not(.active)::after{
    animation:rs-tab-pulse 2.6s ease-in-out infinite !important;
  }
  @media (prefers-reduced-motion:reduce){
    body.single-property :is(.property-banner,.mobile-property-tools) .nav-pills .nav-link[href="#pills-360tour"]::after{
      animation:none !important;
    }
  }

  /* ================= 67) SINGLE PROPERTY — DONJA KONTAKT FORMA: UZA I CENTRIRANA =================
     2026-07-19. Kartica ("Enquire About This Property") je isla punom sirinom sadrzaja (1200px) pa su
     polja bila razvucena — ime i telefon po ~557px, poruka 1138px. Za formu sa 5 polja to izgleda
     prazno i tesko se cita (oko putuje predaleko od labele do polja).
     Kartica = `.block-wrap` unutar kontakt widgeta; suzena na 760px i centrirana.
     Sirina se mijenja SAMO ovdje (jedan broj). */
  body.single-property .property-contact-agent-wrap .block-wrap{
    max-width:760px !important;
    margin-left:auto !important; margin-right:auto !important;
  }

  /* ================= 68) DONJA KONTAKT FORMA — LOGO BEZ "AVATAR" OKVIRA, VECE IME =================
     2026-07-19 (korisnik: "makni te avatare i oblike i povecaj RealScan", pa zatim: "makao si mi
     logo, vrati logo firme").
     ⚠️ ISPRAVKA: prvo su bila sakrivena SVA tri elementa, ali `.agent-image` NIJE ukras — u njemu
     stoji LOGO FIRME (RealScan-Logo-Symbol.png, 162x158). Sakriven je greskom.
     Sada: LOGO OSTAJE, ali bez "avatar" izgleda — skinut je zaobljeni okvir (Houzez klasa `rounded`,
     radius 6px) i slika se uklapa po proporciji (`contain`) umjesto da se razvlaci (`fill`).
     I dalje uklonjeno (to su stvarno ukrasi):
       .agent-verified-icon     = zelena "verifikovan" znacka preko logoa
       .agent-name .houzez-icon = ikonica covjeka ispred imena */
  body.single-property .property-contact-agent-wrap .agent-verified-icon,
  body.single-property .property-contact-agent-wrap .agent-name .houzez-icon{
    display:none !important;
  }
  body.single-property .property-contact-agent-wrap .agent-image{
    display:block !important;
  }
  body.single-property .property-contact-agent-wrap .agent-image img{
    border-radius:0 !important;            /* skida Houzez `rounded` (6px) = nema "avatar" oblika */
    object-fit:contain !important;          /* logo se ne razvlaci (bilo `fill`) */
    background:transparent !important;
    width:auto !important; max-width:96px !important; height:auto !important;
  }
  body.single-property .property-contact-agent-wrap .agent-name{
    font-size:24px !important; font-weight:700 !important; line-height:1.2 !important;
  }
  @media (max-width:600px){
    body.single-property .property-contact-agent-wrap .agent-name{ font-size:20px !important; }
  }

  /* ================= 69) DONJA KONTAKT FORMA — SAKRIJ "I'm a" =================
     2026-07-19 (korisnik: "makni opciju I am, nepotrebna").
     Polje ostaje u DOM-u (ne rusimo Houzez formu), samo se ne prikazuje. Na njegovo mjesto JS iz
     inc/08 ubacuje polje "Subject" sa nazivom nekretnine i ID-em.
     NAPOMENA: posljedica je da u mejlu agentu ostaje prazno %user_type — svjesno prihvaceno. */
  body.single-property .property-contact-agent-wrap .form-group:has(> .bootstrap-select select[name="user_type"]),
  body.single-property .property-contact-agent-wrap .form-group:has(select[name="user_type"]){
    display:none !important;
  }
  /* Subject je podatak stranice, ne polje za kucanje -> vizuelno malo smireniji (bez "aktivnog" izgleda) */
  body.single-property .property-contact-agent-wrap .rs-subject-group input[readonly]{
    cursor:default !important; opacity:0.92 !important;
  }

  /* ================= 70) BREADCRUMB + ALATKE (srce/share/print) — VECE, VIDLJIVE, PUNO SRCE =========
     2026-07-20, tri stvari koje je korisnik trazio:
       a) "sve je presitno"      -> breadcrumb 13px -> 15px, dugmad alatki 30px -> 40px, ikonice 14 -> 17px;
       b) "desno se ne vide u dark temi" -> ikonice su bile CRNE (rgb(0,0,0)/rgb(26,18,5)) na tamnoj
          pozadini, dakle prakticno nevidljive; u dark temi sada svijetle;
       c) "kad se aktivira srce treba da je popunjeno" -> vidi dio (c) nize.  */

  /* --- a) velicine --- */
  body.single-property .breadcrumb,
  body.single-property .breadcrumb a,
  body.single-property .breadcrumb li,
  body.single-property .breadcrumb .houzez-icon{ font-size:15px !important; }

  body.single-property .property-item-tools .item-tool > span{
    width:40px !important; height:40px !important;
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    border-radius:50% !important;
  }
  body.single-property .property-item-tools .item-tool > span > i{ font-size:17px !important; }

  /* --- b) vidljivost u DARK temi --- */
  html.rs-dark body.single-property .property-item-tools .item-tool > span,
  html.rs-dark body.single-property .property-item-tools .item-tool > span > i{
    color:#eef3f9 !important;
  }
  html.rs-dark body.single-property .property-item-tools .item-tool > span{
    background:rgba(255,255,255,0.06) !important;
    border:1px solid rgba(255,255,255,0.16) !important;
  }
  html.rs-dark body.single-property .property-item-tools .item-tool > span:hover{
    background:rgba(var(--rs-gold-rgb),0.16) !important;
    border-color:rgba(var(--rs-gold-rgb),0.55) !important;
  }
  /* u svijetloj temi ostaju tamne ikonice (citljive na bijelom), samo dobiju blagi okvir da se vidi
     da su dugmad — velicina je porasla pa bez okvira "lebde" */
  html:not(.rs-dark) body.single-property .property-item-tools .item-tool > span{
    border:1px solid rgba(18,35,58,0.14) !important;
  }
  html:not(.rs-dark) body.single-property .property-item-tools .item-tool > span:hover{
    border-color:rgba(var(--rs-gold-rgb),0.65) !important;
  }

  /* --- c) PUNO SRCE kad je nekretnina dodata u favorite ---
     ⭐ 2026-07-21: puno srce se crta na osnovu NASE klase `.rs-faved` (moja rsFav lista), NE vise
     na osnovu Houzezovog `text-danger`/`remove_fav`. Razlog: Houzezov nativni sistem je NEZAVISAN
     od moje liste — brisanje preko × na panelu diralo je samo moju listu, a Houzezov `text-danger`
     je ostajao pa je srce ostajalo puno ("maknem sa liste, srce ostane"). Sada srce = tacno stanje
     moje liste, u oba smjera. (`.rs-faved` postavlja syncHearts na <li> srca.)
     Tema nema puno srce u svom setu (samo obris icon-love-it) -> crtamo ga preko `mask-image`.
     Rezultat: nedodato = obris (tema), dodato = PUNO srce (crno u light, bijelo u dark temi). */
  body.single-property .property-item-tools .rs-faved i.icon-love-it::before,
  body .mobile-property-tools .rs-faved i.icon-love-it::before{
    content:'' !important;
    display:block !important; width:1em !important; height:1em !important;
    /* BOJA = `currentColor` = ista kao ostale ikonice alatki: svijetla tema -> CRNO/tamno,
       tamna tema -> BIJELO (korisnik 2026-07-20: "ne crveno").
       Zasto currentColor a ne dvije fiksne boje: ako se ikad promijeni boja alatki, srce je prati
       samo od sebe — nema drugog mjesta koje treba pamtiti. (v1 je bila crvena #e2465a.) */
    background-color:currentColor !important;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") !important;
            mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") !important;
    -webkit-mask-size:contain !important; mask-size:contain !important;
    -webkit-mask-repeat:no-repeat !important; mask-repeat:no-repeat !important;
    -webkit-mask-position:center !important; mask-position:center !important;
  }
  /* Boja punog srca (currentColor). Houzez uz to stavlja `text-danger` (crveno) NEZAVISNO — nju
     gasimo ovdje (i za dodato i za nedodato stanje) da crvena nikad ne procuri; boju srca odredjuje
     ISKLJUCIVO nasa `.rs-faved`. Dark = bijelo, light = tamno. */
  html.rs-dark body.single-property .property-item-tools .rs-faved i.icon-love-it,
  html.rs-dark body .mobile-property-tools .rs-faved i.icon-love-it{ color:#eef3f9 !important; }
  html:not(.rs-dark) body.single-property .property-item-tools .rs-faved i.icon-love-it,
  html:not(.rs-dark) body .mobile-property-tools .rs-faved i.icon-love-it{ color:#12233a !important; }
  /* Houzezova crvena (text-danger) — ubijena u OBA slucaja: nedodato srce mora ostati boje alatki */
  body.single-property .property-item-tools i.icon-love-it.text-danger,
  body .mobile-property-tools i.icon-love-it.text-danger{ color:inherit !important; }

  /* --- 64b) TELEFON (uspravno): slika 4:3 umjesto 16:9 ---
     2026-07-20. Na uspravnom telefonu je 16:9 preplitko (370x208) — fotografija gubi utisak.
     Ovdje, a ne u css/08 sek.45, jer se ova datoteka ucitava POSLIJE pa bi pravilo odande bilo
     pregazeno pravilom 16:9 iznad (isti `!important`). */
  @media (max-width:767.98px){
    body.single-property .property-banner .gallery-featured-placeholder,
    body.single-property .property-wrap .top-gallery-section .lslide,
    body.single-property .property-wrap .top-gallery-section .lSSlideWrapper li,
    body.single-property .property-banner #pills-map,
    body.single-property .property-banner #pills-360tour,
    body.single-property .property-banner #pills-video{ aspect-ratio:4/3 !important; }
  }

  /* ================= 71) "COMING SOON" PORUKA (toast) =================
     2026-07-20. Ide uz inc/17-coming-soon.php. Vidi je samo POSJETILAC (prijavljen admin ne).

     ⚠️ PRVA VERZIJA JE BILA MODAL sa zatamnjenjem i dugmadima — korisnik: "nemoj popup koji zamrzne
     stranu, neka bude porukica par sekundi pa nestane". Zato: nema zatamnjenja, nema zakljucanog
     skrola, nema fokusa — samo poruka dolje na sredini koja se sama povuce (4.5s, vidi inc/17).

     "pointer-events:none" na omotacu je vazno: poruka se proteze preko cijele sirine ekrana, pa bi
     bez toga blokirala klik na sadrzaj ISPOD sebe. Ukljucen je samo na kartici (klik je skloni). */
  .rs-soon[hidden]{ display:none !important; }
  .rs-soon{
    position:fixed !important; left:0 !important; right:0 !important; bottom:26px !important;
    z-index:100000 !important; display:flex !important; justify-content:center !important;
    padding:0 16px !important; pointer-events:none !important;
  }
  .rs-soon-box{
    pointer-events:auto !important; cursor:pointer !important;
    max-width:420px !important; width:auto !important;
    background:var(--rs-dark-card) !important; color:#eef3f9 !important;
    border:1px solid rgba(var(--rs-gold-rgb),0.35) !important; border-radius:12px !important;
    padding:14px 20px !important; text-align:left !important;
    box-shadow:0 18px 50px rgba(0,0,0,0.45) !important;
    /* ulazna/izlazna animacija: blago klizanje odozdo + prozirnost */
    opacity:0 !important; transform:translateY(14px) !important;
    transition:opacity .25s ease, transform .25s ease !important;
  }
  .rs-soon.is-in .rs-soon-box{ opacity:1 !important; transform:translateY(0) !important; }
  .rs-soon-title{
    color:var(--rs-gold-2) !important; font-size:15px !important; font-weight:800 !important;
    letter-spacing:.06em !important; text-transform:uppercase !important; margin:0 0 4px !important;
  }
  .rs-soon-text{ margin:0 !important; font-size:14px !important; color:#c3d0e0 !important; line-height:1.45 !important; }
  .rs-soon-page{ color:#ffffff !important; font-weight:600 !important; }
  @media (max-width:600px){
    .rs-soon{ bottom:16px !important; }
    .rs-soon-box{ padding:12px 16px !important; }
    .rs-soon-text{ font-size:13.5px !important; }
  }
  /* kome su animacije iskljucene — poruka se samo pojavi, bez klizanja */
  @media (prefers-reduced-motion:reduce){
    .rs-soon-box{ transition:none !important; transform:none !important; }
  }

  /* ================= 72) LISTING STRANICE — SEARCH FORMA NA TELEFONU =================
     2026-07-20 (korisnik: "na telefonu na properties stranicama imamo mali search, bzv izgleda;
     stavi da je prvi red keyword, a ispod po pola cities i Area").

     BILO (mjereno na 390px): Keyword 216px i Cities 140px stisnuti u PRVI red, pa Areas 140px SAM u
     drugom redu (i uzi od ostalih), pa Search. Neuredno i polja su nejednakih visina (42 vs 38).
     SAD: Keyword puna sirina -> Cities i Areas po pola -> Search puna sirina.

     Polja se biraju po IMENU POLJA (`:has([name=...])`), ne po Elementor ID-u grupe
     (`elementor-field-group-345a8cb` i sl.) — ti ID-evi su nasumicni i mijenjaju se ako se forma
     ikad iznova napravi, dok imena polja ostaju.
     Scope `body.rs-listing-page` = vazi na SVE listing stranice (Properties/For Sale/For Rent/Luxury)
     i svaku buducu — po pravilu iz sek.60.
     ⭐ PROSIRENO 2026-07-25: dodat `body.page-template-template-search` jer od tada ISTI Elementor
        search stoji i na stranici rezultata (inc/23 ga uzima sa `/properties/`). Bez toga je tamo
        na telefonu ostajao stari raspored (Keyword+Gradovi u prvom redu, Oblasti sami u drugom).
        `:is()` da se sedam selektora ne duplira. */
  @media (max-width:767.98px){
    body:is(.rs-listing-page,.page-template-template-search) .houzez-search-builder-form-js .elementor-field-group{
      flex-wrap:wrap !important;
    }
    /* 1. red — Keyword preko cijele sirine */
    body:is(.rs-listing-page,.page-template-template-search) .houzez-search-builder-form-js .elementor-field-group:has([name="keyword"]){
      flex:0 0 100% !important; max-width:100% !important;
    }
    /* 2. red — Cities i Areas po pola */
    body:is(.rs-listing-page,.page-template-template-search) .houzez-search-builder-form-js .elementor-field-group:has([name="location[]"]),
    body:is(.rs-listing-page,.page-template-template-search) .houzez-search-builder-form-js .elementor-field-group:has([name="areas[]"]){
      flex:0 0 50% !important; max-width:50% !important;
    }
    /* 3. red — dugme preko cijele sirine */
    body:is(.rs-listing-page,.page-template-template-search) .houzez-search-builder-form-js .elementor-field-group.elementor-field-type-submit{
      flex:0 0 100% !important; max-width:100% !important;
    }
    /* JEDNAKA VISINA svih polja (44px). Bilo neujednaceno: Keyword 44, gradovi/oblasti 38, dugme 38.
       WAZNO: gradovi i oblasti NISU obicni <select> nego NAS dropdown (.rs-accordion-btn, inc/01) —
       pravi <select> je skriven, pa mjerenje po njemu daje visinu 0 i lako navede na pogresan zakljucak. */
    body:is(.rs-listing-page,.page-template-template-search) .houzez-search-builder-form-js .elementor-field-group .form-control,
    body:is(.rs-listing-page,.page-template-template-search) .houzez-search-builder-form-js .rs-accordion-btn,
    body:is(.rs-listing-page,.page-template-template-search) .houzez-search-builder-form-js .houzez-search-button{
      height:44px !important; min-height:44px !important;
    }
  }

  /* ================= 73) TELEFON — HEADER UTILITY (tema/jezik/favorites) NIJE REAGOVAO ===========
     2026-07-20. Korisnik: "na tel vertikalno ne rade toggle opcije, tema, jezik i favorites".

     UZROK (mjereno elementFromPoint na 390px): klik na zlatno dugme nije stizao do njega — na tom
     mjestu je odgovarao mobilni meni kontejner. Dugme je imalo z-index:5, pa je zavrsavalo ISPOD.
     Strelica je radila jer je odavno na 100000 — zato je izgledalo "napola pokvareno".

     ZASTO TEK OVDJE, A NE U css/06 (gdje vec postoji isti pokusaj):
       z-index dugmeta postavljaju TRI pravila, a pobjedjuje NAJSPECIFICNIJE:
         css/03  #rs-theme-toggle                                            -> 99999
         css/03  #header-hz-elementor #rs-theme-toggle                       -> 5
         css/06  (max-width:768) #header-hz-elementor #rs-theme-toggle       -> 100000
         css/07  body:not(.transparent-yes) #header-hz-elementor > #rs-...   -> 5   ← POBJEDNIK
       Ono u css/07 ima najvecu specificnost i vazi na sve unutrasnje stranice (listing/property),
       pa je gazilo mobilni pokusaj iz css/06. Zato se ovdje koristi ISTI selektor kao u css/07
       (ista specificnost) + ova datoteka se ucitava POSLIJE -> pobjedjuje.
     SAMO TELEFON: na desktopu sve radi, a pravilo je da popravka jedne rezolucije ne pomjera druge. */
  @media (max-width:767.98px){
    body:not(.transparent-yes) #header-hz-elementor > #rs-theme-toggle,
    body:not(.transparent-yes) #header-hz-elementor.rs-hdr-mobile > #rs-theme-toggle{
      z-index:100000 !important;
    }
  }

  /* ================= 74) LOGO NA UNUTRASNJIM STRANICAMA — BIJEL I U SVIJETLOJ TEMI ===============
     2026-07-20. Korisnik (telefon): "kad prebacim u svijetlu temu izgubi se logo".

     STVARNO STANJE (mjereno): logo NIJE nestao — ucitan je `Logo-Black-1.png` i vidljiv je 150x39.
     Problem je KONTRAST: header na unutrasnjim stranicama je TAMNOPLAV u OBJE teme
     (`body:not(.transparent-yes)` -> gradient rgba(34,64,106,...) iz css/07), a logo je CRN.
     Sjaj iza logoa (css/10) postoji, ali je suptilan (bijelo 0.18) i ne spasava crno na navy —
     pogotovo na telefonu gdje je logo mali.

     ⛔ PONIŠTENO 2026-07-21 — korisnik: "crna verzija logoa je za svijetlu temu" (vidio bijeli
     logo u svijetloj temi na single property i prijavio kao POGREŠAN). Pravila odavde su OBRISANA:
     svijetla tema = originalni crni logo (+ postojeći sjaj iz css/10), tamna tema = bijeli (css/10).
     Ako se telefon-prigovor o kontrastu vrati, rješavati SJAJEM iza logoa, ne bijelim fajlom. */

  /* ================= 75) GALERIJA SA LISTE NEKRETNINA (#houzez-listing-lightbox) =================
     2026-07-20. Korisnik (telefon, sa liste nekretnina — prije ulaska u samu nekretninu):
     "gore imam favorites, ne treba dok gledamo fotke; a X nije fino centriran i sjece ga dio ekrana".

     Mjereno na 390px: srce (.btn-favorite) 50x50 u zaglavlju, a X je isao od 367 do 398 —
     dakle 8px VAN ekrana (viewport 390). Otud "sjece ga".

     1) SRCE se sklanja — dok se gledaju fotografije nema sta da radi (nekretnina se dodaje u favorite
        sa same kartice ili sa stranice nekretnine).
     2) X postaje uredan flex-element sa razmakom od ivice, pa vise ne izlazi iz ekrana i poravnat je
        po sredini visine zaglavlja. */
  #houzez-listing-lightbox .modal-header .btn-favorite,
  #houzez-listing-lightbox .modal-header .list-inline-item.btn-favorite{
    display:none !important;
  }
  #houzez-listing-lightbox .modal-header{
    padding:8px 14px !important;
    display:flex !important; align-items:center !important; justify-content:flex-end !important;
    gap:8px !important;
  }
  #houzez-listing-lightbox .modal-header .btn-close{
    position:static !important; margin:0 !important; flex:0 0 auto !important;
    width:36px !important; height:36px !important; padding:0 !important;
    background-position:center !important; background-size:14px auto !important;
    opacity:.95 !important;
  }


  /* ================= 76) SINGLE PROPERTY — TIJELA INFO-KARTICA = SVIJETLO PLAVO STAKLO =================
     2026-07-21, treci pokusaj (prvo zlatno, pa tamna navy — korisnik trazio SVIJETLU plavu sa
     KONTAKT FORME). Ta svijetla plava = generic staklo iz css/08 sek.35:
     rgba(var(--rs-blue-rgb),0.10) + blur — ISTO pravilo koje boji i kontakt formu.
     Zato ovdje NEMA nasih pravila: dovoljno je bilo (1) iz css/08 demo35 bijele liste izbaciti
     info kartice (uradjeno u sek. 'demo-boje' css/08 ~630) pa kartice padnu na sek.35 staklo,
     i (2) obrisati privremenu tamnu navy verziju koja je ovdje stajala.
     Stats-traka ostaje bijela (demo35), dark tema netaknuta. */


  /* ================= 76) HOMEPAGE KARTICE — BEZ GRADIJENTA (puna navy) + BEZ SJENKE 2026-07-21 =======
     Korisnik (u navy verziji): 'makni sjenke iza kartica + makni gradient sa njih'.
     (a) gradient (css/08: 135deg #4a73ab->22406a->0c1c30) SKINUT -> puna navy var(--rs-blue). Light tema.
     (b) sjenka SKINUTA sa wrappera (.item-listing-wrap = grid kolona, sira -> 'panel iza') I kartice,
         mirno + hover. Scope body.home. */
  html:not(.rs-dark) body.home .item-wrap,
  html:not(.rs-dark) body.home .item-header,
  html:not(.rs-dark) body.home .item-header-1,
  html:not(.rs-dark) body.home .item-header-2{
    background-image:none !important; background-color:var(--rs-blue) !important;
  }
  body.home .property-cards-module .item-listing-wrap,
  body.home .property-cards-module .item-listing-wrap:hover,
  body.home .property-cards-module .item-wrap,
  body.home .property-cards-module .item-listing-wrap:hover .item-wrap{ box-shadow:none !important; }


  /* ================= 77) HOMEPAGE KARTICE — datum vidljiv+veci; gornji dio -5% (2026-07-21) ==========
     (a) '1 week ago' (.item-date) bio rgb(99,99,99) = nevidljiv na navy -> svijetlo + 12->13.5px.
     (b) gornji dio (naslov 24/adresa 16/amenities 17/HOUSE 12) prekrupan -> -5%. Scope body.home. */
  body.home .property-cards-module .item-date,
  body.home .property-cards-module .item-date *{ color:rgba(255,255,255,0.72) !important; }
  body.home .property-cards-module .item-date,
  body.home .property-cards-module .item-date .rs-date-txt{ font-size:13.5px !important; }
  body.home .property-cards-module .item-title,
  body.home .property-cards-module .item-title a{ font-size:22.8px !important; }
  body.home .property-cards-module .item-address{ font-size:15.2px !important; }
  body.home .property-cards-module .item-amenities,
  body.home .property-cards-module .item-amenities *{ font-size:16.15px !important; }
  body.home .property-cards-module .h-type{ font-size:11.4px !important; }


  /* ================= 78) HOMEPAGE LISTINGS — 4 KOLONE + SIRI KONTEJNER (2026-07-21) ==================
     Korisnik dodao 4. nekretninu; e-con-inner sekcije b98b514 je bio kapiran na max-width:1280px pa je
     4 kartice zbijao/lomio. Sad: kontejner do 1680px + grid 4 kolone (bio row-cols-lg-3) na >=992px,
     da 4 kartice stanu u jedan red i izgledaju kao 3 prije. Uze sirine (tablet/telefon) netaknute. */
  @media (min-width:992px){
    /* kap je e-con-inner sekcije 10b67f2 (RODITELJ b98b514, ne dijete) — nju sirimo na 1680 */
    body.home .elementor-element-10b67f2 > .e-con-inner{ max-width:1680px !important; }
    body.home .property-cards-module .listing-view.grid-view{ justify-content:center !important; }
    body.home .property-cards-module .listing-view.grid-view > *{
      width:25% !important; max-width:25% !important; flex:0 0 auto !important;
    }
  }


  /* ================= 79) HOMEPAGE KARTICE — ID umjesto logoa (klik = kopira) 2026-07-21 ==============
     Korisnik: umjesto RealScan logoa u footeru kartice staviti Property ID; klik kopira (isti sistem
     kao single property). HTML/JS = inc/05 (rsCardIds). Ovdje samo izgled. */
  /* ⚠️ .item-author je imao overflow:hidden (Houzez, za avatar) -> sjekao je 'Copied!' baloncic. Otvaramo. */
  body.home .property-cards-module .item-author{ overflow:visible !important; }
  body.home .property-cards-module .item-author .rs-card-id{
    display:inline-flex; align-items:center; gap:5px;
    color:#ffffff !important; font-weight:800; letter-spacing:.4px; font-size:16.15px !important;  /* -5% od 17 */
  }
  body.home .property-cards-module .item-author .rs-card-id-label{ color:#ffffff !important; }
  /* SAMO sifra je klik-meta (hover/oznacavanje samo nju, ne cijeli 'ID - sifra') */
  body.home .property-cards-module .item-author .rs-card-id-txt{
    color:rgba(255,255,255,0.95) !important; cursor:pointer; position:relative;
    padding:2px 6px; margin:-2px -3px; border-radius:6px; transition:color .15s ease, background .15s ease;
  }
  body.home .property-cards-module .item-author .rs-card-id-txt:hover{ color:#fff !important; background:rgba(255,255,255,0.14); }
  body.home .property-cards-module .item-author .rs-card-id-txt.rs-id-copied{ color:#ffffff !important; }
  /* 'Copied!' baloncic — iznad sifre */
  /* ⚠️ BEZ opacity-tranzicije: transition na opacity se zaglavi na 0 (novo-kreiran element + !important
     cilj) -> baloncic se nikad ne pojavi. Zato opacity radi TRENUTNO; blaga tranzicija samo na pomjeraj. */
  body.home .property-cards-module .item-author .rs-id-tip{
    position:absolute; left:50%; bottom:calc(100% + 8px); transform:translateX(-50%) translateY(0);
    background:#1e9e57; color:#fff; font-size:11px; font-weight:700; padding:3px 8px; border-radius:6px;
    white-space:nowrap; opacity:0; pointer-events:none; transition:transform .12s ease; z-index:30; }
  body.home .property-cards-module .item-author .rs-id-tip.show{ opacity:1 !important; }

/* ================= 79) TABLET LANDSCAPE — HOMEPAGE KARTICE 2 KOLONE (bilo 4) =====================
   Bootstrap grid nosi `row-cols-lg-4` (4 kolone od 992px). Na tablet landscape (npr. 1194) kartica
   padne na ~267px pa se zlatna cijena (25px) PREKLAPA sa zlatnom kutijom alata (.item-tools) u dnu
   slike (~35px). Rjesenje: odgoditi 4 kolone sa 992px na 1440px -> tablet landscape i mali laptopi
   dobijaju 2 KOLONE (kartica ~470-560px, cijena udobno lijevo od alata). Tablet PORTRET je ionako
   vec 2 kolone (row-cols-md-2), pa je konzistentno. 1440px+ (zakljucana rezolucija) OSTAJE 4 kolone.
   Scope: body.home (ne dira Properties/listing stranice). Izmjereno uzivo 1025/1194/1440. 2026-07-21. */
@media (min-width:992px) and (max-width:1439px){
  body.home .property-cards-module .listing-view.grid-view.row > *{
    flex:0 0 auto !important; width:50% !important; max-width:50% !important;
  }
}

/* ================= 80) KARTICA FOOTER SEPARATOR -> NASA ZLATNA GRADIJENT LINIJA (obje teme) ==========
   Linija iznad reda "ID - MIA123 ... Xh ago" bila je Houzezova default siva (1px #dce0e0) na obje teme.
   Zamijenjena istom zlatnom gradijent linijom koju koristimo drugdje (eyebrow linije, site footer,
   inner footer, lightbox header): fade transparent -> gold 0.55 -> transparent. BEZ html.rs-dark prefiksa
   -> vazi i na light i na dark. Scope: body.home .property-cards-module (ne dira listing/inner stranice).
   2026-07-21. */
body.home .property-cards-module .item-footer{
  border-top:1px solid transparent !important;
  border-image:linear-gradient(90deg, rgba(var(--rs-gold-rgb),0) 0%, rgba(var(--rs-gold-rgb),0.55) 50%, rgba(var(--rs-gold-rgb),0) 100%) 1 !important;
}

/* ================= 82) MOBILNI MENI PREKO CIJELOG EKRANA + ALATKE UNUTRA =========================
   Korisnik (2026-07-23): na TELEFONU i TABLETU (vertikalno) nema gornjeg desnog toggle-a; hamburger
   lijevo otvara meni PREKO CIJELOG EKRANA, a ISPOD stavki menija stoje jezik / tema / favoriti.
   Blok ubacuje inc/20-mobile-menu-utils.php.
   Prag 1024px: pokriva telefon (390) i tablet PORTRET (834); tablet LANDSCAPE (1194) ostaje po starom.

   ⭐ 2026-07-24 REDIZAJN PO UZORU NA dom-home.me (korisnikova zelja):
   - PALJENJE: panel se NE dovlaci klizanjem nego se SIRI OD LIJEVE IVICE (width:0 -> 100vw)
     uz fade (opacity 0 -> 1), tranzicija 0.4s ease-in-out — isto kao dom-home, samo ogledalo
     (njima zdesna jer im je hamburger desno).
   - SVE CENTRIRANO: stavke menija text-align:center i vertikalno centrirane; alatke centrirane na dnu.
   ⚠️ KLJUCNO — PORTAL NA BODY: header (#header-hz-elementor) ima backdrop-filter, sto ga cini
      "containing block-om" za fixed potomke -> panel u headeru NE MOZE do ivica ekrana (pocinjao je
      na y≈76). Zato inc/20 na ≤1024 PREMJESTI offcanvas na <body> i doda klasu `rs-mm-full`;
      na >1024 ga VRATI u header (tablet landscape 1194 = stari dropdown, NE dirati).
      Sva pravila punog ekrana su vezana za `.rs-mm-full` — bez JS-a panel ostaje po starom (fallback).
   ⚠️ Gornji utility se gasi sa opacity/pointer-events (NE display:none) — `openFav()` u inc/06 racuna
      poziciju panela prema tom dugmetu, pa mora zadrzati poziciju u layoutu. */
@media (max-width:1024px){

  /* --- 1) PANEL: fiksiran preko cijelog ekrana, zatvoren = width:0 + proziran --- */
  html body .offcanvas.offcanvas-start.offcanvas-mobile-menu.rs-mm-full{
    position:fixed !important; top:0 !important; left:0 !important; right:auto !important; bottom:0 !important;
    height:100svh !important; min-height:100svh !important; margin:0 !important;
    width:0 !important; max-width:100vw !important;
    transform:none !important;              /* ubija Bootstrap translateX(-100%) i css/06 translateY(-10) */
    opacity:0;
    visibility:visible !important;          /* nevidljiv je vec zbog width:0 — visibility mora ostati da tranzicija radi */
    overflow:hidden !important;             /* ivica panela "otkriva" sadrzaj dok se siri */
    pointer-events:none !important;
    transition:width .4s ease-in-out, opacity .4s ease-in-out !important;   /* = dom-home 0.4s ease-in-out */
    display:flex !important; flex-direction:column !important;
    filter:none !important; border-radius:0 !important;
  }
  /* ⚠️ LAG FIX (korisnik 2026-07-24: „cekam ~1s pa krene"): Bootstrap pri otvaranju PRVO doda
     `.showing` (i ceka svoj transition ~400ms), TEK ONDA `.show`. Animacija vezana samo za .show
     = mrtvih ~400ms prije pocetka. Zato otvoreno stanje vazi i za `.showing` — krece ODMAH. */
  html body .offcanvas.offcanvas-start.offcanvas-mobile-menu.rs-mm-full.showing,
  html body .offcanvas.offcanvas-start.offcanvas-mobile-menu.rs-mm-full.show{
    width:100vw !important; opacity:1; pointer-events:auto !important;
  }
  /* Bootstrap na zatvaranju skida .show i doda .hiding -> width se vraca na 0 istom tranzicijom */
  html body .offcanvas.offcanvas-mobile-menu.rs-mm-full.hiding{ opacity:0 !important; }

  /* sadrzaj NE smije da se preslaguje dok se panel siri: djeca drze punu sirinu ekrana,
     panel ih (overflow:hidden) samo otkriva — cist "reveal" efekat */
  .rs-mm-full .offcanvas-header,
  .rs-mm-full .offcanvas-mobile-menu-body{
    width:100vw !important; min-width:100vw !important; border-radius:0 !important;
  }
  .rs-mm-full .offcanvas-mobile-menu-body{
    display:flex !important; flex-direction:column !important;
    flex:1 1 auto !important; min-height:0 !important;   /* da skrol radi unutar flex kolone */
    overflow-y:auto !important;                          /* dug meni se skroluje, blok ostaje dostupan */
    padding-bottom:0 !important;   /* blok alatki ide do same donje ivice — centriranje radi njegov padding */
  }

  /* --- 1b) CENTRIRANJE (kao dom-home): stavke horizontalno centrirane, blok stavki vertikalno
     centriran izmedju vrha i alatki (auto margine; kad sadrzaj ne stane, flex ih sam spusti na 0
     pa se sve normalno skroluje — telefon polozeno). Strelice podmenija idu apsolutno desno da ne
     kvare centriranje teksta. --- */
  .rs-mm-full ul.mobile-navbar-nav{ margin-top:auto !important; margin-bottom:auto !important; width:100% !important; }
  /* ⭐ 2026-07-24 (korisnik): strelica podmenija stoji ODMAH PORED naziva, ne zabacena desno.
     Zato link NIJE pun red nego inline-block centriran preko li{text-align:center}, a strelica
     je inline odmah iza njega. */
  .rs-mm-full ul.mobile-navbar-nav > li{ position:relative !important; text-align:center !important; }
  .rs-mm-full ul.mobile-navbar-nav > li > a{
    display:inline-block !important; width:auto !important; text-align:center !important;
    font-size:19px !important; padding:13px 10px !important;
  }
  /* ⭐ 2026-07-24/25: strelica podmenija NE SMIJE pomjerati tekst — tekst je centriran isto kao
     stavke bez podmenija, a strelica „visi" odmah desno od njega. Trik: fiksna sirina + negativna
     desna margina iste velicine -> strelica zauzima NULA prostora u redu (centriranje netaknuto).

     ⚠️⚠️ BUG KOJI JE KORISNIK PRIJAVIO 2026-07-25 („oznake ne rade na tel, probao sam"):
     VIDLJIVA strelica je Bootstrap-ov `.dropdown-toggle::after` koji ima `margin-left:15px`.
     Kutija `<span>`-a je bila siroka 14px -> trougao se crtao 15px DESNO OD KUTIJE, dakle IZVAN
     klik-mete. Prst pogodi prazno (`elementFromPoint` na strelici je vracao LI, ne SPAN) = „ne radi".
     Uz to je meta bila 14x33px — daleko ispod ~44px koliko treba za prst.
     (Ikona `<i class="houzez-icon arrow-down-1">` unutra ima sirinu 0 — font ne iscrtava nista,
      pa je Bootstrap-ov trougao jedino sto se vidi.)
     FIX: (1) `::after{margin-left:3px}` -> trougao ULAZI u kutiju i staje TIK uz rijec (bilo ~18px
     razmaka, sad ~4px — korisnik je i trazio da bude blize); (2) meta 44x44px sa `margin-right:-44px`
     da i dalje ne pomjera tekst; (3) `z-index:2` da meta bude iznad linka. */
  .rs-mm-full .nav-mobile-trigger{
    position:relative !important; z-index:2 !important;
    display:inline-flex !important; align-items:center !important; justify-content:flex-start !important;
    vertical-align:middle !important;
    width:44px !important; height:44px !important; box-sizing:border-box !important;
    margin:0 -44px 0 -2px !important; padding:0 !important;   /* width+margine = 0 -> ne pomjera tekst */
    cursor:pointer !important;
  }
  .rs-mm-full .nav-mobile-trigger::after{ margin-left:3px !important; }
  /* podmeni (dropdown) — i on centriran; css/06 mu daje padding-left:34px pa ga vracamo */
  .rs-mm-full .dropdown-menu a,
  .rs-mm-full .dropdown-menu .nav-link,
  .rs-mm-full .dropdown-menu li a{ text-align:center !important; padding-left:0 !important; }

  /* ⭐ 2026-07-24 (korisnik): podmeni se otvara KAO HARMONIKA — gura sadrzaj ispod i opcije se
     pojave UNUTAR menija. Bootstrap daje .dropdown-menu{position:absolute} pa je podmeni LEBDIO
     preko stavki. Stari fix je bio vezan za #header-hz-elementor (css/06 l.364) — poslije portala
     na <body> vise ne vazi, zato ovdje scoped na .rs-mm-full. */
  .rs-mm-full li > ul.dropdown-menu{
    position:static !important; float:none !important; transform:none !important;
    width:100% !important; margin:0 !important;
  }

  /* ⭐ 2026-07-25 (korisnik: „lijepa animacija izvlacenja i uvlacenja"):
     Bootstrap pali/gasi podmeni preko `display` — a `display` se NE MOZE animirati. Zato je podmeni
     UVIJEK `display:block`, a otvara se rastom `max-height` (tacnu visinu upisuje inc/21 iz
     `scrollHeight`) + fade + blagi pomak nagore. Zatvoren: `max-height:0` + `overflow:hidden`
     (sadrzaj je odsjecen) i `pointer-events:none` da se skrivene stavke ne mogu kliknuti. */
  .rs-mm-full li.menu-item-has-children > ul.dropdown-menu{
    display:block !important;
    overflow:hidden !important;
    max-height:0;
    opacity:0;
    transform:translateY(-6px) !important;
    pointer-events:none;
    padding:0 !important; border:0 !important;
    transition:max-height .36s cubic-bezier(.22,.61,.36,1), opacity .26s ease, transform .3s ease !important;
  }
  .rs-mm-full li.menu-item-has-children > ul.dropdown-menu.show{
    opacity:1; transform:none !important; pointer-events:auto;
  }
  /* strelica se okrene kad je podmeni otvoren.
     ⚠️ Rotira se `::after` (sam trougao), NE cijeli `<span>` — span je 44x44 klik-meta sa trouglom
     uz LIJEVU ivicu, pa bi rotacija oko njegovog centra odbacila strelicu ~40px udesno. */
  .rs-mm-full .nav-mobile-trigger::after{ transition:transform .3s ease !important; }
  .rs-mm-full li.menu-item-has-children.rs-open > .nav-mobile-trigger::after{ transform:rotate(180deg) !important; }
  /* cijeli red je jedna meta -> pokazi to i kursorom/odzivom na dodir */
  .rs-mm-full li.menu-item-has-children > a{ cursor:pointer !important; }
  /* naslov „Meni" na vrhu (korisnik 2026-07-24: umjesto loga — logo/EWWW saga zavrsena naslovom).
     sek.39 ga globalno krije (display:none) -> ovdje se vraca SAMO u punom ekranu; prevod ide
     kroz RealScan Translate (Meni ⇄ Menu). */
  .rs-mm-full .offcanvas-header{ position:relative !important; justify-content:center !important; padding:18px 16px 14px !important; }
  .rs-mm-full .offcanvas-header .offcanvas-title{
    display:block !important; color:#ffffff !important;
    font-size:15px; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  }
  .rs-mm-full .btn-close{ position:absolute !important; right:16px !important; top:50% !important; transform:translateY(-50%) !important; margin:0 !important; }

  /* --- 2) DUGME gore desno OSTAJE (izvrsava aktivnu alatku); sklanja se SAMO strelica/padajuci meni,
     jer se alatka sad bira u glavnom meniju. ⚠️ opacity (ne display:none) —  u inc/06 racuna
     poziciju fav panela preko caret-a, pa mora zadrzati poziciju u layoutu. */
  #rs-util-caret{ opacity:0 !important; pointer-events:none !important; }
  #rs-util-menu{ display:none !important; }   /* padajuci izbor alatke — nepotreban na mobilnom */

  /* --- 2b) BEZ LINIJA izmedju stavki menija (tema crta border-bottom na <a>) --- */
  .offcanvas-mobile-menu ul.mobile-navbar-nav > li > a,
  .offcanvas-mobile-menu ul.mobile-navbar-nav > li{ border-bottom:0 !important; box-shadow:none !important; }

  /* --- 2c) glatko klizanje S LIJEVA UDESNO --- */
  html body .offcanvas.offcanvas-start.offcanvas-mobile-menu{
    transition:transform .38s cubic-bezier(.22,.61,.36,1) !important;
  }

  /* --- 2d) TEKST MENIJA BIJEL (korisnik 2026-07-24: „tekst treba da je bijele boje") ---
     samo puni-ekran varijanta (.rs-mm-full); hover ostaje zlatan (css/06 pravilo je specificnije). */
  .rs-mm-full ul.mobile-navbar-nav > li > a,
  .rs-mm-full .mobile-navbar-nav .nav-link,
  .rs-mm-full .dropdown-menu a,
  .rs-mm-full .dropdown-menu li a{ color:#ffffff !important; }
  .rs-mm-full .nav-mobile-trigger{ color:#ffffff !important; }

  /* --- 3) alatke na DNU menija — TRI ZLATNA KRUGA (korisnik 2026-07-24, 2. krug) ---
     ISTI dizajn kao glavno toggle dugme (#rs-theme-toggle iz css/03): zlatni gradijent
     #f0c96c->#d9aa4f, tamna ikonica #1a1205, okrugla sjenka; zastava = PUN krug (kao rs-main-flag).
     BEZ kartica, natpisa, vrijednosti i selekcije — klik zatvara meni i alatka se pojavi gore.
     ⚠️ margin-top NIJE auto: vertikalno guranje rade auto-margine na UL-u (1b). */
  .rs-mm-utils{
    margin-top:0;
    width:min(360px, 90vw);                 /* centriran blok po sredini ekrana */
    margin-left:auto; margin-right:auto;
    /* korisnik 2026-07-24: sadrzaj (naslov+krugovi) CENTRIRAN izmedju linije i donje ivice
       ekrana -> jednak padding gore i dolje, a tijelo menija vise nema padding-bottom */
    padding-top:22px; padding-bottom:22px;
    border-top:1px solid rgba(255,255,255,0.16);
  }
  .rs-mm-rowbar{ display:flex; justify-content:center; gap:30px; }
  .rs-mm-circ{
    width:38px; height:38px; border-radius:50%; border:none; padding:0;   /* 46 -5% x4 (korisnik 2026-07-24) */
    background:linear-gradient(180deg,#f0c96c,#d9aa4f);
    color:#1a1205; cursor:pointer;
    display:flex; align-items:center; justify-content:center; line-height:0;
    box-shadow:0 8px 22px rgba(0,0,0,0.40);
    transition:transform .15s ease, box-shadow .15s ease;
  }
  .rs-mm-circ:hover, .rs-mm-circ:active{ transform:translateY(-2px) scale(1.06); box-shadow:0 12px 28px rgba(0,0,0,0.5); }
  .rs-mm-circ svg{ width:18px; height:18px; display:block; }
  .rs-mm-circ-flag{ position:relative; overflow:hidden; }
  .rs-mm-circ-flag .rs-mm-flag{ position:absolute; inset:0; width:100%; height:100%; border-radius:50%; object-fit:cover; display:block; }

  /* svijetla tema: linija/naslov citljivi (krugovi su zlatni u obje teme — kao gornje dugme) */
  html:not(.rs-dark) .rs-mm-utils{ border-top-color:rgba(255,255,255,0.22); }
}

/* ================= 87) ⚠️ EKSPERIMENT (2026-07-25): SEARCH BEZ POZADINE — SAMO TABOVI ==========
   Korisnik: „makni pozadinu sa searcha, neka samo ostanu tabovi da vidim kako ce da izgleda"
   (uz izricitu napomenu: budi spreman/na da vratis ako mu se ne svidi).

   ⚠️⚠️ VRACANJE = obrisati CIJELU sekciju 87 i `./deploy.sh`.
        Ili preko gita: `git checkout prije-search-bez-pozadine-2026-07-25 -- css/` pa deploy.

   STA RADI (korisnikov izbor 2026-07-25 nakon sto je vidio varijantu „samo tabovi"):
   **polja pretrage OSTAJU, ali se sklanja TAMNOPLAVA KUTIJA oko njih** — polja i dugme lebde
   direktno preko hero fotografije. Tabovi (Sve / Izdavanje / Prodaja) ostaju kakvi jesu.
   Kutiju cine: `background rgb(20,48,79)` + `border 1px` + `box-shadow` + `backdrop-filter blur`
   na `.houzez-search-builder-wrapper` — sve cetiri stvari se gase.
   ⚠️ Sama POLJA zadrzavaju svoju poluprozirnu podlogu `rgba(34,64,106,.9)` — bez nje se tekst ne
      bi vidio preko fotografije. Ako korisnik bude htio i njih prozirne, to je zasebna izmjena.
   ⚠️ Raspored se NE dira (nema promjene visina/margina) → nista se ispod ne pomjera.
   Vazi SAMO na pocetnoj (body.home + widget 78d9b5c) — search na ostalim stranicama je netaknut.

   (Ranija medju-varijanta „sakrij cijeli panel, ostavi samo tabove" je uklonjena. Zamka odatle,
    vrijedi zapamtiti: TABOVI SU UNUTAR panela — samo su negativnom marginom izdignuti iznad njega —
    pa ih je `visibility:hidden` na panelu povlacio sa sobom.) */
body.home .elementor-element-78d9b5c .houzez-search-builder-wrapper{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
          backdrop-filter:none !important;
  padding-top:0 !important;              /* razmak do tabova drzi margina tabova (ispod) */
}

/* --- 87b) UJEDNACENI RAZMACI + MANJI TABOVI (korisnik 2026-07-25) ---
   Korisnik: „smanji razmak izmedju tabova i neka bude isti razmak izmedju svih tabova vertikalno
   ili horizontalno. Takodje gornje glavne tabove smanji malo i stavi da imaju istu boju kao donji."
   IZMJERENO (1536) prije: izmedju tabova 2px · tabovi→polje **38px** · polje→padajuci meniji 14px ·
   izmedju polja vodoravno 12px. → SVE se svodi na jedinstvenih **12px**.
   Tabovi: visina 51 → ~43 (padding 12/30 → 9/22, font 15 → 14), a neaktivni dobijaju BOJU POLJA
   `rgba(34,64,106,.9)` umjesto tamnije `rgb(20,48,79)`. Aktivni („Sve") ostaje zlatan — isto kao
   dugme „Pretrazi" (to je oznaka izbora, ne boja kutije). */
/* ⚠️ SELEKTOR MORA IMATI ID: sam <ul> tabova IMA `id="houzez-search-tabs-wrap"`, a css/02 l.80 ga
   gadja bas preko tog ID-a (`#houzez-search-tabs-wrap, .houzez-status-tabs{gap:2px!important;
   margin-bottom:22px!important}`) = specificnost (1,0,0). Zato pravilo sa samim klasama — ma koliko
   dugacko — NE moze da ga nadjaca. Provjereno uzivo: `html body.home .elementor-element-78d9b5c
   ul.houzez-status-tabs.nav.nav-pills` NIJE prolazilo, a selektor sa ID-om prolazi.
   Razmaci se mijenjaju samo ≥769px — telefon ima svoj raspored (tabovi puna sirina, css/06). */
@media (min-width:769px){
  body.home #houzez-search-tabs-wrap{
    gap:12px !important;
    margin-bottom:12px !important;
  }
  body.home #houzez-search-tabs-wrap .nav-link{
    padding:9px 22px !important;
    font-size:14px !important;
  }

  /* Razmaci u rasporedu su svuda 12px, ali su padajuci meniji (38px) i dugme „Pretrazi" (41px) bili
     NIZI od svog reda (42px) pa je izmedju vidljivih kutija ispadalo 14px umjesto 12. Izjednacene
     visine → svaka kutija puni svoj red i razmak je posvuda tacno 12px. */
  body.home .elementor-element-78d9b5c .rs-accordion-btn,
  body.home .elementor-element-78d9b5c .houzez-search-button{
    height:42px !important;
  }
}
/* --- 87c) LAPTOP + DESKTOP: SVI RAZMACI NA POLA — 12 -> 6px (korisnik 2026-07-25) ---
   Korisnik: „manji razmak izmedju tabova searcha na laptop i desktop verziji; treba da bude razmak,
   ali za duplo manje — mislim na SVE tabove, gornje i donje."
   ⚠️ Uz izricitu zamjerku: „redovno preskocis Sve / Izdavanje / Prodaja kao da nisu dio searcha."
      → GORNJI TABOVI SU DIO SEARCHA. Kad se dira razmak searcha — uvijek i oni.
   IZMJERENO (1536) prije: svih pet razmaka = 12px (izmedju tabova · tabovi->polje · polje->dugme ·
   red->red · izmedju padajucih menija). Sad svih pet = 6px.
   Scope **≥1025px** = laptop, desktop I TABLET LANDSCAPE (1194) — korisnik je nakon prve verzije
   (prag 1200) trazio „namjesti isti izgled za tablet", pa je prag spusten na 1025 = isti prag kao
   pravilo `gap:12px` iz css/02 koje se ovim nadjacava. Tablet USPRAVNO (769-1024) ima svoj blok
   u 87d (tamo su polja fiksnih sirina pa se mora i njih dirati). Telefon (css/06) NETAKNUT. */
@media (min-width:1025px){
  /* gornji tabovi: razmak medju njima + razmak do polja ispod */
  body.home #houzez-search-tabs-wrap{
    gap:6px !important;
    margin-bottom:6px !important;
  }
  /* donji dio: razmak medju poljima (vodoravno) i medju redovima (uspravno).
     Polja su `flex:1 1 14%` (css/02) pa RASTU i popune red — nema prazninu na desnoj strani. */
  body.home .houzez-ele-search-form-wrapper{
    gap:6px !important;
  }
}

/* --- 87d) TABLET USPRAVNO (769-1024): ISTI IZGLED KAO DESKTOP — razmaci 6px ---
   Korisnik (poslije 87c): „namjesti isti izgled za tablet."
   ⚠️ ZASTO POSEBAN BLOK: u ovom rasponu search NIJE isti kao na desktopu —
     • razmak medju poljima je bio **0** (polja slijepljena jedno uz drugo),
     • polja imaju FIKSNE sirine: `Svi gradovi` = `flex:0 0 140px` (css/01), ostalih pet
       `flex:1 1 16%` sa `min-width:110px`; red 1 je `col-83` + `col-16` = tacno 100%.
   Zato samo `gap:6px` NE radi: 5 razmaka = 30px viska → polja se prelome u novi red.
   RJESENJE: sirine se izraze kroz `calc()` tako da red + razmaci daju tacno 100%:
     • red 1 (kljucna rijec): `calc(83.33% - 7px)` + 6px razmak + dugme 16.66% = 100%
     • red 2 (6 kontrola): svaka `calc(16.66% - 5.2px)`; 6x5.2 = 31.2 ≈ 5 razmaka x 6px
   `flex:0 0 auto` je bitan — da polja NE rastu nazad i ne pojedu razmak.
   ⚠️ NE koristiti `flex:1 1 auto` + `min-width:0` na polju kljucne rijeci: tada se ono skupi
      koliko treba i CIJELI search se slozi u JEDAN red (probano, raspored se raspao).
   NUSPOJAVA (namjerna, = desktop izgled): `Svi gradovi` vise nije siri od ostalih —
   svih sest kontrola su sad jednake sirine, kao na laptopu. */
@media (min-width:769px) and (max-width:1024px){
  body.home #houzez-search-tabs-wrap{
    gap:6px !important;
    margin-bottom:6px !important;
  }
  body.home .houzez-ele-search-form-wrapper{ gap:6px !important; }

  /* red 1 — polje „Kljucna rijec" (dugme „Pretrazi" zadrzava svojih 16.66%) */
  body.home .houzez-ele-search-form-wrapper > .elementor-field-group-796108b{
    flex:0 0 auto !important;
    width:calc(83.33% - 7px) !important;
    max-width:none !important;
    min-width:0 !important;
  }
  /* red 2 — gradovi / oblast / tipovi / oznake / min. cijena / maks. cijena */
  body.home .houzez-ele-search-form-wrapper > .elementor-field-group-field-cities,
  body.home .houzez-ele-search-form-wrapper > .elementor-field-group-field-baths,
  body.home .houzez-ele-search-form-wrapper > .elementor-field-group-field-types,
  body.home .houzez-ele-search-form-wrapper > .elementor-field-group-35ea4b2,
  body.home .houzez-ele-search-form-wrapper > .elementor-field-group-303c0af,
  body.home .houzez-ele-search-form-wrapper > .elementor-field-group-15e1b4d{
    flex:0 0 auto !important;
    width:calc(16.66% - 5.2px) !important;
    max-width:none !important;
    min-width:0 !important;
  }
}

/* boja neaktivnih = boja polja ispod (li je ispod linka pa i on mora, da ne viri tamniji rub).
   Boja vazi na SVIM sirinama (i telefon) radi dosljednosti; ID u selektoru iz istog razloga kao gore. */
body.home #houzez-search-tabs-wrap .nav-item{ background:transparent !important; }
body.home #houzez-search-tabs-wrap .nav-link:not(.active){
  background-color:rgba(34,64,106,0.9) !important;
  background-image:none !important;
}

/* ================= 86) „SAZNAJ VISE / DISCOVER MORE" DUGME — SVE VRACENO (2026-07-25) ==========
   ⛔ SVE STO SAM OVDJE BIO DODAO JE UKLONJENO, na korisnikov zahtjev.
   Sta sam bio uradio i zasto je smetalo:
     • padding 13/26 → 13/44 + strelica `position:absolute` (da se TEKST centrira vodoravno, jer se
       tekst i strelica centriraju kao GRUPA pa tekst ispada -17px lijevo na tabletu);
     • `inline-flex + align-items:center` na dugmetu i wrapperu (vertikalno centriranje) — ali BEZ
       media query, dakle na SVIM sirinama.
   ⚠️ NUSPOJAVA koju je korisnik ulovio: vadjenje strelice iz toka smanjilo je dugme 42 → 40px
      (red je dotad drzala VISINA STRELICE 14px, a ne tekst 12px). Posto je Luxury sadrzaj
      VERTIKALNO CENTRIRAN u sekciji fiksne visine, to je pomjerilo cijeli blok (naslov „Luksuz").
   ⭐ POUKA: dugme je unutar vertikalno centriranog bloka — SVAKA promjena njegove visine pomjera
      naslov i tekst iznad njega. Ako se ikad ponovo dira: mijenjati SAMO ono sto ne mijenja visinu
      dugmeta (npr. `position:relative; top:` na samom natpisu), i obavezno izmjeriti naslov prije/poslije.
   IZMJERENO POSLIJE VRACANJA (834 EN): naslov→tekst 20px, tekst→dugme 20px, dugme 42px,
   natpis u dugmetu 15px iznad / 15px ispod.

   ---------------------------------------------------------------------------------------------
   ⭐ NOVI POKUSAJ (2026-07-25, poslije korisnikovog uvecanog snimka): na snimku se JASNO vidi da je
   razmak LIJEVO od natpisa manji nego DESNO — dakle problem je VODORAVNI (-17px), ne uspravni
   (uspravno mjeri 14/14 = tacno na sredini).
   UZROK: natpis i strelica se centriraju KAO GRUPA, pa natpis ispada lijevo za pola sirine
   „strelica (14) + razmak (20)" = 17px.
   RJESENJE BEZ IJEDNE NUSPOJAVE: mijenja se SAMO bocni padding (lijevi veci od desnog za tacno
   34px), a `padding-top/bottom` OSTAJE 13px → **visina dugmeta ostaje 42px**, pa se blok koji je
   vertikalno centriran u sekciji (naslov „Luksuz" + tekst) NE MOZE pomjeriti.
   Racun: pomak natpisa = (padL - padR)/2 - 17 = 0  →  padL - padR = 34  →  47 i 13.
   Sirina dugmeta poraste 6px (177.8 → 183.8) — sirina ne utice na vertikalni raspored sekcije.
   Scope: SAMO tablet portret (tamo je korisnik i prijavio). */
@media (min-width:769px) and (max-width:1024px) and (orientation:portrait){
  body.home .elementor-element-2765787 .elementor-button{
    padding:13px 13px 13px 47px !important;   /* gore/dolje 13 = visina ostaje 42px */
  }

  /* --- USPRAVNI POMAK NATPISA (korisnik insistira da nije centrirano po visini) ---
     ⚠️ MJERENJEM JE SVE TACNO: iznad slova 15.5px, ispod 15.5px, odstupanje 0.00; nema sjenke,
     ivice 1px/1px, font se ucitao (Plus Jakarta Sans). Kod ovog fonta je `ascent - descent = capH`
     (12 - 3 = 9) pa su velika slova matematicki centrirana u SVAKOM proredu. Znaci ono sto korisnik
     vidi je OPTICKI utisak — zato se rjesava rucnim pomakom, ne racunom.
     `position:relative; top:` pomjera SAMO iscrtavanje natpisa (i strelice, da ostanu u ravni):
     ne ulazi u raspored, ne mijenja visinu dugmeta → naslov „Luksuz" se NE MOZE pomjeriti.
     ⭐ VRIJEDNOST SE STELUJE: ako treba jos nize -> povecaj, ako je otislo previse -> smanji ili
        stavi negativno (npr. -2px = dize natpis). */
  body.home .elementor-element-2765787 .elementor-button .elementor-button-content-wrapper{
    position:relative !important; top:2px !important;
  }

  /* --- NASLOV „LUXURY / LUKSUZ" — ODMAKNUT OD TEKSTA (korisnik 2026-07-25) ---
     Korisnik: „udalji naslov od teksta taman koliko je dugme udaljeno od teksta."
     ⚠️ RANIJE SAM MJERIO POGRESNO: gledao sam razmak do KUTIJE paragraf-widgeta (ispadalo 20px i
     djelovalo „jednako"), a widget ima velik unutrasnji razmak. Mjereno od SLOVA do SLOVA:
       naslov → tekst = 39px  ·  tekst → dugme = 103px
     Zato je naslov djelovao nabijen, i zato korisnik nije primijetio prvi pomak od 14px.
     RJESENJE: pomak **-64px** → vizuelni razmak naslov→tekst postaje ~103px = tacno koliko je i
     razmak tekst→dugme. (Prvo sam probao -78 pa je ispalo 117 = 14px previse; steleno empirijski.)
     ⚠️ `position:relative` = pomjera se SAMO iscrtavanje naslova; paragraf, dugme i visina sekcije
        ostaju na svom mjestu (verifikovano). Vrijednost se steluje: veci minus = naslov jos gore. */
  body.home .elementor-element-334570a .elementor-element-d16c475{
    position:relative !important; top:-64px !important;
  }
  /* ⚠️ ENGLESKA verzija treba 14px VISE: pasus je kraci (manje redova) pa cijeli blok, koji je
     vertikalno centriran u sekciji, padne nize — paragraf krene na 335 umjesto na 320.6.
     Sa -64 bi na /en/ razmak bio 89 umjesto 103. `data-rst-lang` postavlja RST plugin na <html>. */
  html[data-rst-lang="en"] body.home .elementor-element-334570a .elementor-element-d16c475{
    top:-78px !important;
  }
}

/* ================= 85) TABLET USPRAVNO — HERO VISI (2026-07-25, KORAK 1) =======================
   Korisnik: „tablet ima problem uske hero slike vertikalno, vidi sve je nabijeno, stavi da se vidi
   znacajno vise od fotke pa idemo korak po korak to da sredjujemo."
   IZMJERENO (834x1194): hero je bio **597px = samo 44% ekrana** (Elementor mu daje `min-height:50vh`),
   pa je fotka izgledala kao uska traka, a kartica i search zbijeni jedno uz drugo.
   KORAK 1: `min-height:80vh` (na 1194 = ~955px, tj. ~73% ekrana umjesto 44%).
   ⚠️ `vh` (ne fiksni px) — opseg 769-1024 pokriva razlicite visine (1024/1080/1194), pa se skalira.
   ⚠️ SAMO PORTRET: telefon-landscape i tablet-landscape padaju u isti opseg sirine ali imaju svoja
      pravila (css/06) — `orientation:portrait` ih drzi po strani.
   ⚠️ inc/03 JS OVDJE NE DIRA hero: on postavlja `min-height:auto` samo ako je razmak header→naslov
      manji od 40px; ovdje je 106px, pa CSS vrijednost ostaje na snazi (provjereno: nema inline stila).
   Sljedeci koraci (po dogovoru sa korisnikom): raspored kartice/searcha unutar viseg heroja. */
@media (min-width:769px) and (max-width:1024px) and (orientation:portrait){
  body.home .elementor-element-c7f0da1{ min-height:80vh !important; }
  /* Fade je 260px — na visem heroju to je pojas 619-879, tj. proguta skoro CIJELI BAZEN
     (bazen je donjih 32% fotke = 573-879). 130px pretapa tacno tamo gdje search naliježe. */
  body.home .elementor-element-c7f0da1::after{ height:130px !important; }
}

/* ================= 84) HEADER NA TELEFONU — VISE VAZDUHA DO IVICA (2026-07-25) ==================
   Korisnik: „napravi veci prostor sa strana tih dugmadi i ivice headera, lijevo i desno — malo su
   pribijeni uz ivicu."
   IZMJERENO (390px): hamburger je bio **7px** od lijeve ivice pilule, krug (jezik/tema/favoriti)
   **8px** od desne. Uzroci su RAZLICITI, pa su i popravke dvije:
     • lijevo — Elementor kontejner headera (4b1de926) ima svoj padding 6.69px (em-baziran);
     • desno — `#rs-theme-toggle` je `position:absolute` sa `right:8px` (css/06 l.137).
   Sad oboje **16px** = simetricno i uskladjeno sa zaobljenjem pilule (border-radius 16px).
   ⚠️ Specificnost: css/06 koristi `#header-hz-elementor #rs-theme-toggle{right:8px !important}`
      (2,0,1) — zato ovdje selektor sa `.rs-hdr-mobile` (2,1,1) da pobijedi bez obzira na redoslijed.
   ⚠️ Padding je SIMETRICAN pa logo ostaje centriran (ne pomjera se).
   Samo telefon (≤768); tablet portret ima svoja pravila (css/06 l.391, right:14px) — NIJE diran. */
@media (max-width:768px){
  #header-hz-elementor .elementor-element-4b1de926{
    padding-left:16px !important; padding-right:16px !important;
  }
  #header-hz-elementor.rs-hdr-mobile #rs-theme-toggle{ right:16px !important; }
}

/* ================= 83) ⚠️ EKSPERIMENT (2026-07-25): HERO NA TELEFONU — SLIKA DOMINIRA =========
   Korisnik: „treba jos hero slike da se vidi VERTIKALNO, bazen da se vidi vise, to znaci da tekst
   i search idu ISPOD. Search uopste ne mora da se vidi na main page. Daj malo da se vidi slika jer
   je ovako sve zbijeno."

   ⚠️⚠️ OVO JE EKSPERIMENT. VRACANJE NA PRETHODNU (odobrenu) VERZIJU = obrisati CIJELU sekciju 83
        i deploy-ovati; ili preko gita: `git checkout hero-prije-eksperimenta-2026-07-25 -- css/`
        (tag + grana `hero-stabilno` napravljeni prije ove izmjene).

   PRETHODNE VRIJEDNOSTI (na koje se vraca): hero min-height 620px · ::after fade 150px ·
   kartica vertikalno CENTRIRANA u heroju (inner align-items:center) + margin-top:44px ·
   search widget podignut -48px + jos -48px na .elementor-widget-container (ukupno -96).

   ⭐ KOMPOZICIJA FOTKE (provjerena otvaranjem Hero-Light.png, 1600x900) — pamtiti za raspored:
        nebo/zalazak = gornjih ~0-20% · vila = ~15-70% · BAZEN = donjih ~68-100%.
      ⚠️ Ja sam karticu bio digao GORE (preko neba) da bi bazen ostao cist — KORISNIK IZRICITO
        ODBIO ("tekst treba da je dolje, ne gore", uz zaokruzeno dno na screenshotu). Voda je
        mirna povrsina i dobro nosi tekst, a VILA (glavni motiv) tako ostaje potpuno cista.
        NE vracati karticu gore bez njegovog trazenja.

   STA SE MIJENJA I ZASTO:
   (1) hero 620 -> 820px = slika dobija skoro cijeli prvi ekran (na 844 visine).
   (2) kartica ide U DNO heroja, preko mirne vode (inner `align-items:flex-end` + padding-bottom)
       -> IZNAD nje ostaje ~440px CISTE slike: cijela vila, nista je ne sijece.
   (3) fade 150 -> 90px: fade je pretapao dno slike u bijelo i „prao" donju ivicu kartice.
   (4) search se spusta (bio lift -96px ukupno) tako da PADA ISPOD prvog ekrana...
   (5) ...ALI tabovi moraju da OSTANU MALO PREKO SLIKE (-40px). ⚠️ Korisnik prijavio 2026-07-25:
       „prelaz je problem, dolje imamo nasu sivkastu a taj gornji dio je ostao skroz bijel".
       UZROK: u SVIJETLOJ temi hero fade pretapa sliku u BIJELO, a search blok ispod je TAMNOPLAV
       (rgb(20,48,79)) -> ostajala je gola bijela traka izmedju slike i plavog bloka. (U tamnoj temi
       problema nema — tamo fade ide u rgb(7,17,28) = ista boja kao pozadina.)
       RJESENJE: tabovi (plavi) prelaze preko donje ivice slike i sami premoste spoj — tako je i
       bilo u originalnom dizajnu, samo je sad cijeli search mnogo nize. */
@media (max-width:768px){
  body.home .elementor-element-c7f0da1{ min-height:820px !important; }
  body.home .elementor-element-c7f0da1::after{ height:90px !important; }
  /* kartica u DNO heroja, preko vode (inner je flex ROW -> vertikalu drzi align-items) */
  body.home .elementor-element-c7f0da1 > .e-con-inner{
    align-items:flex-end !important; padding-top:0 !important; padding-bottom:78px !important;
  }   /* 78 = ravnoteza: sa 56 je izmedju kartice i tabova ostajalo samo 26px („zbijeno"), sa 90 je
         kartica ulazila u terasu/lezaljke. Sad ~48px razmaka, a kartica pocinje tacno na vodi (~68%). */
  body.home .elementor-element-1e66c23e{ margin-top:0 !important; }
  /* search dolje (bio -48), ali tabovi zadrze -40 preklopa preko slike da premoste spoj */
  body.home .elementor-element-78d9b5c{ margin-top:0 !important; }
  body.home .elementor-element-78d9b5c > .elementor-widget-container{ margin-top:-40px !important; }
}
/* ⚠️ NUSPOJAVA sekcije 83 (svjesna): visi hero = `cover` mora vise da zumira pa se vidi UZI isjecak
   fotke po sirini (~27% umjesto 35%). Fotka je 16:9, telefon uzak — vise vertikale I vise sirine se
   ne moze imati istovremeno bez uspravne (portrait) verzije fotografije. */

/* ================= 88) TELEFON — BEZ TRAKE ZA SKROLOVANJE (2026-07-25) =========================
   Korisnik: „zasto na telefonu sa desne strane imam scroll? Nema potrebe da zauzima prostor —
   to je telefon, naravno da ce da se skroluje vertikalno."
   NA PRAVOM TELEFONU te trake ni nema (mobilni pregledaci imaju preklopnu traku koja se pojavi
   samo dok se skroluje i NE zauzima sirinu). Vidi se u alatu tools/preview.html, jer je tamo sajt
   u <iframe>-u unutar desktop pregledaca pa dobija KLASICNU traku sirine ~15px — a ta traka jede
   dio od 390px, pa je i sve mjerenje/izgled u pregledu bio za 15px uzi nego na pravom telefonu.
   → Gasi se traka (skrolovanje ostaje potpuno normalno — sakriva se samo njen prikaz).
   Scope ≤768px: na tabletu i desktopu traka ostaje (tamo je korisna i ocekivana). */
@media (max-width:768px){
  html{ scrollbar-width:none !important; -ms-overflow-style:none !important; }
  html::-webkit-scrollbar,
  body::-webkit-scrollbar{ width:0 !important; height:0 !important; display:none !important; }
}

/* ================= 89) KARTICE — PUNO SRCE KAD JE NEKRETNINA SACUVANA (2026-07-25) =============
   Korisnik: „kad kliknem na srce, na svijetlu temu treba da je tamno, na tamnu svijetlo —
   trenutno se na karticama ne vidi selekcija."
   UZROK (izmjereno uzivo): srce na kartici stoji PREKO FOTOGRAFIJE, a ikonice alatki su tu
   tamne `rgb(26,18,5)` u OBJE teme. Sacuvano stanje je bilo ZLATNO — na svijetloj fotografiji
   se zlatna skoro ne razlikuje od obrisa, pa je izgledalo kao da se nista nije desilo.
   RJESENJE = isto kao vec odobreno na single strani (sek. c): nedodato = OBRIS (ikona teme),
   dodato = PUNO srce (crta se `mask-image`-om jer tema nema puno srce u setu).
   Boju daje `currentColor`, a nju postavlja inc/06: svijetla tema #12233a, tamna #eef3f9.
   ⚠️ Selektor cilja SAMO kartice (`.item-favorite`) — single strana ima svoje pravilo (sek. c). */
.item-favorite.rs-faved i.icon-love-it::before{
  content:'' !important;
  display:block !important; width:1em !important; height:1em !important;
  background-color:currentColor !important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") !important;
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") !important;
  -webkit-mask-size:contain !important; mask-size:contain !important;
  -webkit-mask-repeat:no-repeat !important; mask-repeat:no-repeat !important;
  -webkit-mask-position:center !important; mask-position:center !important;
}
/* ⛔ NE DODAVATI OVDJE `.item-favorite i.icon-love-it.text-danger{color:inherit}` — probano
   2026-07-25 i ODMAH VRACENO. Taj selektor ima specificnost (0,3,1) i pobjedjuje pravilo koje boji
   ikonice u zlatnoj pilili (`body.home .item-tool i` = (0,2,2), css/02 l.486 / css/07 l.80), pa je
   srce naslijedilo boju RODITELJA — a `span.item-tool-favorite` je BIJEL → bijelo srce na zlatnoj
   pilili (korisnik prijavio: „sad su bordure srca bijele, treba da su crne").
   Houzezova crvena (`text-danger` = Bootstrap, specificnost (0,1,0)) i onako gubi od tog pravila,
   pa nema sta da se gasi: srce stoji u istoj boji kao strelice i compare (#1a1205), a selekciju
   nosi OBLIK — obris vs. puno srce (pravilo iznad). */

/* ================= 90) HERO PRELIV — DA NE OSTANE HAIRLINE NA SPOJU (2026-07-25) ===============
   Korisnik: „na test stranici (tools/preview.html) se vidi ostra linija koja sijece pozadinu ispod
   heroja; van test okruzenja je ne vidim — provjeri zasto i popravi ako je bug."
   NALAZ (izmjereno uzivo): boje se POKLAPAJU — preliv zavrsava na `#ffffff`, a `main` ispod je
   takodje `#ffffff` (u tamnoj temi oboje `#07111c`), dakle na sajtu nema greske u bojama.
   ⭐ ZASTO SE IPAK VIDI U ALATU: tools/preview.html skalira iframe (`transform:scale(...)`, npr. 62%)
   pa se granica dva sloja racuna na POLA PIKSELA — posljednji red preliva (koji je ~99.9% bijel, ne
   100%) se pri smanjivanju stopi u vidljivu tanku liniju. Klasican artefakt skaliranja, ne CSS bug.
   ⛑️ IPAK OJACANO (da linija ne moze nastati ni pri jednom uvecanju/smanjenju):
     1) preliv dostigne PUNU boju vec na 92% pa do dna ide ravna traka iste boje (nema vise
        „skoro bijelog" reda na samoj ivici),
     2) `bottom:-1px` — traka predje 1px PREKO ivice heroja, pa spoj pada unutar pune boje.
   Vazi za oba preliva (::after na desktopu/telefonu i `.rs-hero-fade` u landscape rezimu) i za obje
   teme. Visine preliva se NE diraju (svaka rezolucija ima svoju u css/02, 06 i 11 sek.83/85). */
body.home .elementor-element-c7f0da1::after{
  bottom:-1px !important;
  background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 55%, #ffffff 92%, #ffffff 100%) !important;
}
html.rs-dark body.home .elementor-element-c7f0da1::after{
  background:linear-gradient(to bottom, rgba(var(--rs-dark-rgb),0) 0%, rgba(var(--rs-dark-rgb),0.7) 55%, var(--rs-dark) 92%, var(--rs-dark) 100%) !important;
}
body.home .rs-hero-fade{
  bottom:-1px !important;
  background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 72%, #ffffff 94%, #ffffff 100%) !important;
}
html.rs-dark body.home .rs-hero-fade{
  background:linear-gradient(180deg, rgba(7,17,28,0) 0%, rgba(7,17,28,.9) 72%, #07111c 94%, #07111c 100%) !important;
}

/* ================= 91) SEARCH MAPA — UKLONJENO (2026-07-25) =====================================
   Korisnik je odustao od mape na search stranici („makni je sa search stranice, odustajem od nje").
   Ovdje su bila pravila za okvir mape (kvadrat 1:1, zlatna ivica, sakriveno dugme „View").
   Ne trebaju jer se mapa vise ne prikazuje — stranici je zaglavlje vraceno na "none".
   Sve je sacuvano u gitu (commiti 2026-07-25) i u fajlu tools/mne-boundaries.json + skripti
   tools/build-mne-boundaries.cjs, ako se ikad vratimo na to. */

/* ================= 92) POCETNA — SEARCH VECI ZA 5% (2026-07-25) ================================
   Korisnik: „moze li search cijeli povecati za 5%?" (uz sliku heroja na pocetnoj).
   CIJELI = i sirina i visina, po pravilu iz feedback_reduce_both_axes — zato `scale`, a ne
   dizanje font-size/visina redom (to bi zahtijevalo desetak izmjena i lako razbilo razmake od 6px
   iz sek.87c).

   ZASTO `transform` A NE `zoom`:
     • `transform` NE mijenja raspored — hero, preliv ispod njega i sve mjereno JS-om (inc/03)
       ostaje na svom mjestu; search samo vizuelno naraste oko svog centra.
     • `zoom` je vec jednom odbacen na ovom projektu (vidi project_realscan_website_desktop_scale).

   ⚠️ PADAJUCI MENIJI SU BEZBJEDNI: nasi custom meniji (inc/01) se kace na `document.body`, NE unutar
      widgeta, a pozicija im se racuna iz `getBoundingClientRect()` koji vec uracuna `transform` —
      pa se poklope sa uvecanim poljima. (Da su unutar widgeta, `transform` bi im pomjerio koordinate.)

   Vazi od 1025px navise (laptop/desktop/tablet vodoravno). Na tabletu uspravno i telefonu search je
   skoro pune sirine, pa bi ga 5% izbacilo van ekrana — te rezolucije se NE diraju.

   ⚠️ ZAMKA — VODORAVNI SKROL: sam widget je element PUNE sirine (providan; vidljiva je samo kutija
      polja unutra, `max-width:1040px`). Kad se uveca 5%, ta nevidljiva kutija predje 16px preko desne
      ivice ekrana i pojavi se traka za vodoravno skrolovanje (izmjereno na 1280: dokument 1297).
      Rjesenje: widgetu se sirina spusti na `100/1.05 = 95.238%` pa poslije uvecanja zauzme tacno
      100% — a kutija polja (1040px, fiksna) time nije dirnuta i uredno naraste na 1092. */
@media (min-width:1025px){
  body.home .elementor-element-78d9b5c{
    width:95.238%;
    margin-left:auto;
    margin-right:auto;
    transform:scale(1.05);
    transform-origin:center center;
  }
}

/* ================= 93) POCETNA — NASLOV „Istrazite nase najnovije ponude" CENTRIRAN =============
   Korisnik (2026-07-25): „taj naslov da se centrira izmedju searcha i kartica dolje."

   ⚠️ MJERI SE OD **DNA SEARCH KUTIJE**, NE OD KRAJA HEROJA (korisnik precrtao oba mjesta na slici:
      „vidis da nije centriran izmedju njih, mislim vertikalno centriran").
      Prvi pokusaj je mjerio od donje ivice hero SEKCIJE (dobio 92/46 -> pomak 23px) i to nije bilo
      to — izmedju dna searcha i kraja hero slike ima jos ~130px fade-a u bijelo, koji se RACUNA
      u prazan prostor. Taj fade je i dalje hero slika, ali oko ga vidi kao prazninu.

   IZMJERENO (1536, poslije pomaka od 23px): dno searcha **972**, naslov **1172-1214**, kartice **1283**.
   -> iznad **200px**, ispod **69px**. Ukupna praznina 311, naslov 41 -> po **135px** sa svake strane.
   Dakle naslov ide na 1107 = jos **65px** navise, sto sa ranijih 23 daje ukupno **88px**.

   ⚠️ `margin-top:-88px` I `margin-bottom:+88px` (zbir = 0) — naslov se pomjeri, a KARTICE ISPOD
      OSTAJU NA ISTOM MJESTU. Da je samo `margin-top:-88`, cijela sekcija ispod bi se digla i razmak
      do kartica bi ostao isti (opet necentrirano).

   Vazi ≥1025px. Telefon ima SASVIM drugu geometriju (hero 820px, search viri ispod ekrana —
   sek.83): tamo je iznad 321px, ispod 36px, pa bi isti pomak bio besmislen. Ne dira se.

   ⚠️ `!important` je OBAVEZAN: Elementor za svaku stranicu generise svoj CSS (`post-10.css`) i tamo
      pise razmake ovog widgeta selektorom `.elementor-10 .elementor-element.elementor-element-2eccf74`
      (veca specificnost od nase) — bez `!important` pravilo ispod nije imalo nikakav efekat
      (provjereno uzivo: razmaci su ostali 92/46). */
@media (min-width:1025px){
  body.home .elementor-element-2eccf74{
    margin-top:-88px !important;
    margin-bottom:88px !important;
  }
}

/* ================= 94) POCETNA — KARTICE NEKRETNINA: SIVA/STAKLENA VERZIJA (VRACENO) ===========
   Korisnik (2026-07-25): „imamo zapisanu sivu verziju ovih kartica. Mozes li da je vratis na kartice
   za nekretnine na main page? Za Light temu?"

   ⭐ OVO JE DOSLOVNO SEKCIJA 77 iz sacuvane sive verzije (grana `siva-verzija`, tag
      `siva-verzija-2026-07-21`), prenesena bez izmjena.
   ⚠️ NAMJERNO NIJE vracena i sekcija 78 („cijela pocetna u sivu" — Services, Contact, #main-wrap):
      korisnik je trazio SAMO kartice. Ako zatreba i to: `git show siva-verzija:css/11-overrides.css`
      pa prekopirati sek. 78.
   ⚠️ Sve je pod `html:not(.rs-dark)` — TAMNA tema ostaje navy, kako je i bila.

   --- originalni opis iz sek.77 (2026-07-21) ---
   Kartica dobija ISTO svijetlo staklo kao kartice na stranici nekretnine (css/08 sek.35):
   `rgba(--rs-blue-rgb,0.10)` + `blur(12px) saturate(140%)`, umjesto navy gradijenta.
   ⚠️ `background-image` na `.item-wrap` uporno gubi od nekog theme/Elementor pravila (a
      `background-color` se prima) — zato staklo ide kao boja, a stari gradijent se gasi preko `::before`.
   ⚠️ Staklo izgleda „svijetlo plavo" SAMO nad svijetlom podlogom, pa sekcija iza kartica (b98b514)
      ide na `#f7f8f9`. */
  html:not(.rs-dark) body.home .elementor-element-b98b514{ background-color:#f7f8f9 !important; }

  html:not(.rs-dark) body.home .property-cards-module .item-wrap{
    position:relative !important;
    background-color:rgba(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) body.home .property-cards-module .item-wrap::before{ content:none !important; }

  /* TEKST kartica u TAMNI (bio bijel za navy; na svijetlom staklu bi bio nevidljiv).
     Cijena ostaje zlatna, dugme „Detalji" se ne dira (zlatno sa tamnim tekstom). */
  html:not(.rs-dark) body.home .property-cards-module .item-title, html:not(.rs-dark) body.home .property-cards-module .item-title a,
  html:not(.rs-dark) body.home .property-cards-module .item-address,
  html:not(.rs-dark) body.home .property-cards-module .item-amenities, html:not(.rs-dark) body.home .property-cards-module .item-amenities *,
  html:not(.rs-dark) body.home .property-cards-module .item-sub-price, html:not(.rs-dark) body.home .property-cards-module .price-postfix,
  html:not(.rs-dark) body.home .property-cards-module .item-author, html:not(.rs-dark) body.home .property-cards-module .item-author *,
  html:not(.rs-dark) body.home .property-cards-module .rs-listing-date .rs-date-txt{ color:#22303f !important; }
  /* SAT ostaje ZLATAN (stroke="#f0c96c" je ATRIBUT na SVG-u, CSS `color` ga ne dira) — akcenat. */

  /* --- 94b) DOPUNA: DATUM („prije 5 dana") ---
     ⚠️ Sekcija 77 je pisana kad je datum bio NAS ubaceni element (`.rs-listing-date .rs-date-txt`,
        inc/05). Kartice su u medjuvremenu prebacene na Houzez **Card V1**, koji ima SVOJ nativni
        `.item-date` — a njega stara pravila ne hvataju, pa je ostajao bijel (72%) i na svijetlom
        staklu se prakticno nije vidio. Izmjereno uzivo poslije vracanja sive verzije. */
  html:not(.rs-dark) body.home .property-cards-module .item-date,
  html:not(.rs-dark) body.home .property-cards-module .item-date *{ color:#22303f !important; }

  /* --- 94c) FOOTER LINIJA U KARTICI: ZLATNA -> TEMATSKA PLAVA (samo svijetla tema) ---
     Korisnik (2026-07-25): „zlatnu liniju zamijeni sa plavom linijom koju koristimo za light verziju."
     Rijec je o liniji iznad reda „ID – 1325 … prije 5 dana" (sek. 80).
     Boja = `--rs-blue` (#22406a) = ista plava kojom su kartice/polja u svijetloj temi.
     Isti oblik linije kao zlatna: preliv providno -> boja -> providno.
     ⚠️ SAMO `html:not(.rs-dark)` — u tamnoj temi kartica je i dalje navy, tamo zlatna ostaje
        (sek. 80 vazi za obje teme, ovo je nadjacava samo u svijetloj). */
  html:not(.rs-dark) body.home .property-cards-module .item-footer{
    border-image:linear-gradient(90deg, rgba(var(--rs-blue-rgb),0) 0%, rgba(var(--rs-blue-rgb),0.55) 50%, rgba(var(--rs-blue-rgb),0) 100%) 1 !important;
  }

/* ================= 95) POCETNA — SIVA POZADINA OKOLO (nema vise prelaza u bijelo) ===============
   Korisnik (2026-07-25): „stavi sivu pozadinu okolo da se izgubi ta tranzicija na bijelu."
   Poslije sek.94 sekcija sa karticama je `#f7f8f9`, a sve oko nje je ostalo BIJELO (`#main-wrap`),
   pa su se vidjela dva sava: (1) hero se pretapao u bijelo, (2) ostra ivica gdje pocinje siva
   sekcija sa karticama.

   RJESENJE — ista siva svuda:
     a) `#main-wrap` (pozadina cijele stranice) -> `#f7f8f9`
        ⚠️ MORA preko ID-a: selektor po klasi (`.main-wrap-js`) gubi od temine `#main-wrap`.
        Time i sekcija „3D/Luxury" (5c617a7, providna) prelazi na sivu — sekcije koje IMAJU svoju
        boju (Services i Contact navy, tamna 334570a) ostaju netaknute.
     b) hero preliv se vise ne pretapa u `#ffffff` nego u `#f7f8f9` — inace bi ostala svijetla
        traka tacno na dnu slike. Mijenjaju se OBA preliva (`::after` i `.rs-hero-fade`), uz
        zadrzano `bottom:-1px` i punu boju na 92%/94% iz sek.90.

   ⚠️ Sve `html:not(.rs-dark)` — TAMNA tema ostaje ista (pretapanje u `#07111c`). */
html:not(.rs-dark) body.home #main-wrap{ background-color:#f7f8f9 !important; }

html:not(.rs-dark) body.home .elementor-element-c7f0da1::after{
  background:linear-gradient(to bottom, rgba(247,248,249,0) 0%, rgba(247,248,249,0.7) 55%, #f7f8f9 92%, #f7f8f9 100%) !important;
}
html:not(.rs-dark) body.home .rs-hero-fade{
  background:linear-gradient(180deg, rgba(247,248,249,0) 0%, rgba(247,248,249,.9) 72%, #f7f8f9 94%, #f7f8f9 100%) !important;
}