/* ===== 5) LUXURY REDIZAJN ===== */
  :root{
    --rs-navy-900:#06192d; --rs-navy-700:#0f2d49; --rs-navy-card:#0e2740;
    --rs-gold:#d9aa4f; --rs-gold-2:#f0c96c;

    /* ===== GLOBALNA PALETA — mijenjaj SAMO ovdje, propagira se svuda =====
       Svaka boja ima rgb-triplet (za rgba(...,alpha) varijante) + solid alias. */
    /* LIGHT tema */
    --rs-blue-rgb:34,64,106;        --rs-blue:rgb(var(--rs-blue-rgb));         /* primarna plava var(--rs-blue) = #22406a (NAVY, original) */
    --rs-blue-tab-rgb:52,82,126;    --rs-blue-tab:rgb(var(--rs-blue-tab-rgb)); /* tabovi (svjetliji) var(--rs-blue-tab) */
    /* DARK tema */
    --rs-dark-rgb:7,17,28;          --rs-dark:rgb(var(--rs-dark-rgb));         /* GLAVNA tamna boja dark verzije = #07111c (bilo tegetna #0a1a2e); ista kao --rs-dark-lux */
    --rs-dark-card-rgb:11,31,55;    --rs-dark-card:rgb(var(--rs-dark-card-rgb)); /* kartice var(--rs-dark-card) */
    --rs-dark-lux-rgb:7,17,28;      --rs-dark-lux:rgb(var(--rs-dark-lux-rgb)); /* luxury baza (servisi) var(--rs-dark-lux) */
    /* Zlatne (rgba varijante) */
    --rs-gold-rgb:217,170,79;       /* #d9aa4f — okviri/akcenti */
    --rs-gold-lux-rgb:215,173,69;   /* #d7ad45 — luxury sjaj/linije */
    /* Tamno-staklene (Group B kontrast) */
    --rs-glass-rgb:11,28,50;        /* service/contact glass */
    --rs-glass-deep-rgb:4,17,31;    /* form polja */
    /* HERO slika po temi (light foto / dark foto) — mijenja se preko html.rs-dark nize */
    --rs-hero:url("https://realscan.me/wp-content/uploads/2026/06/Hero-Light.png");

    --rs-border-gold:rgba(var(--rs-gold-rgb),.45); --rs-border-light:rgba(255,255,255,.16);
    --rs-shadow:0 24px 70px rgba(2,12,24,.28); --rs-shadow-soft:0 12px 34px rgba(2,12,24,.16);
    --rs-radius-lg:16px; --rs-serif:Georgia,"Times New Roman","Playfair Display",serif;
  }

  /* 1) SERIF NASLOVI */
  .elementor-heading-title,
  .item-title, .item-title a{
    font-family:var(--rs-serif) !important;
    font-weight:500 !important; letter-spacing:-0.02em;
  }
  .elementor-widget-heading .elementor-heading-title{ line-height:1.08; }

  /* 2) DUGMAD — zlatni gradijent */
  .elementor-button, .btn-primary,
  .houzez-search-button, .houzez-submit-button, .btn-360{
    background:linear-gradient(180deg,var(--rs-gold-2),var(--rs-gold)) !important;
    border:1px solid var(--rs-border-gold) !important;
    border-radius:9px !important; color:#1a1205 !important;
    font-weight:700 !important; letter-spacing:.02em;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 12px 30px rgba(var(--rs-gold-rgb),.22);
    transition:transform 160ms ease, filter 160ms ease;
  }
  .elementor-button:hover, .btn-primary:hover,
  .houzez-search-button:hover, .houzez-submit-button:hover, .btn-360:hover{
    transform:translateY(-1px); filter:brightness(1.05); color:#1a1205 !important;
  }
  .elementor-button .elementor-button-text{ color:inherit !important; }

  /* ⭐ 2026-07-16: .btn-video NIJE bio u grupi zlatnih dugmadi iznad, pa — za razliku od .btn-360 — nije imao
     NIKAKAV hover. Na desktopu se to nije primjecivalo jer css/11 sek.51 daje scale(1.12) na hover kartice,
     ali je to scope-ovano na >=1025 -> na TABLETU i MOBILNOM video badge je stajao mrtav dok se 360 micao
     (korisnik prijavio). Dajemo mu ISTI pokret kao 360 (translateY -1px + brightness), BEZ diranja boje/pozadine
     — jer je .btn-video zlatan samo na home (css/02 lin.~392), pa bi forsiranje boje pokvarilo ostale stranice. */
  .btn-video{ transition:transform 160ms ease, filter 160ms ease; }
  .btn-video:hover{ transform:translateY(-1px); filter:brightness(1.05); }

  /* 3) SEARCH BAR — glass panel SAMO iza polja; tabovi plutaju iznad (na slici) */
  .houzez-search-form-js, .houzez-search-builder-form-js{
    background:none !important; border:none !important; box-shadow:none !important;
    backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
    padding:0 !important;
  }
  .houzez-search-builder-wrapper{
    padding:16px !important;
    background:var(--rs-blue) !important;  /* search panel -> globalna var(--rs-blue) (bilo zakucano #1d375b) */
    border:1px solid var(--rs-border-light) !important;
    border-radius:var(--rs-radius-lg) !important;
    box-shadow:var(--rs-shadow);
    backdrop-filter:blur(7px) saturate(140%);
    -webkit-backdrop-filter:blur(7px) saturate(140%);
  }
  .houzez-search-form-js label, .houzez-search-builder-form-js label{
    color:rgba(255,255,255,.78) !important;
  }
  /* razmak tabova od panela ispod */
  #houzez-search-tabs-wrap, .houzez-status-tabs{ margin-bottom:22px !important; gap:2px !important; }
  /* BUGFIX: .nav-item (LI) je imao pozadinu sa ostrim ivicama (radius 0) pa je virila iza
     zaobljenog .nav-link-a (All/For Rent/For Sale). Zaobli i LI + clip. */
  .houzez-status-tabs .nav-item{ border-radius:9px !important; overflow:hidden !important; }
  /* neaktivni tabovi -> SVJETLIJI od panela (korisnik: tabovi svjetliji) */
  .houzez-status-tabs .nav-link, .houzez-status-tabs .nav-item a{
    background:var(--rs-blue-tab) !important;   /* search tabovi -> globalna var(--rs-blue-tab) (bilo zakucano #2c466b) */
    border:1px solid rgba(255,255,255,0.14) !important;
    color:rgba(255,255,255,.85) !important; border-radius:9px !important;
    padding:12px 30px !important; font-size:15px !important; font-weight:700 !important;
  }
  /* aktivni tab -> zlatan */
  .houzez-status-tabs .nav-link.active, .houzez-status-tabs .active>.nav-link{
    background:linear-gradient(180deg,var(--rs-gold-2),var(--rs-gold)) !important;
    color:#1a1205 !important;
    border-color:var(--rs-border-gold) !important;
  }
  /* NAPOMENA: tvoji custom rs-accordion dropdown-i (Types/City/Area) imaju
     vlastiti stil iznad u ovom fajlu — njih NAMJERNO ne diram da ne pokvarim
     search logiku. Ako želiš i njih u zlato/tamno, reci pa ih ciljam posebno. */

  /* 4) KARTICE NEKRETNINA */
  .item-listing-wrap, .item-wrap{
    border-radius:var(--rs-radius-lg) !important; overflow:hidden;
    box-shadow:var(--rs-shadow-soft) !important;
    transition:transform 200ms ease, box-shadow 200ms ease;
  }
  .item-listing-wrap:hover{ box-shadow:var(--rs-shadow) !important; }   /* bez ikakvog pomjeranja na hover */
  .item-price, .item-price .price{ color:var(--rs-gold) !important; font-weight:800 !important; }
  .item-title a:hover{ color:var(--rs-gold) !important; }

  /* 5) SEKCIJSKI NASLOV — zlatna linija (samo na heading-u s klasom: rs-accent) */
  .elementor-widget-heading.rs-accent .elementor-heading-title::after{
    content:""; display:block; width:62px; height:3px; margin:14px auto 0;
    background:linear-gradient(90deg,transparent,var(--rs-gold),transparent);
  }

  /* 6) HEADER — tegetni (navy) glass overlay (iz luxury .rs-navbar) */
  /* Vazi samo na stranicama s prozirnim headerom (homepage) = body.transparent-yes.
     position:absolute -> header PLUTA preko hero slike (slika ide do vrha, bez bijelog). */
  body.transparent-yes #header-hz-elementor{
    position:absolute !important;
    top:18px !important; left:20px !important; right:20px !important;
    width:auto !important;
    z-index:100 !important;
    border-radius:16px !important;
    overflow:visible !important;
    /* SVIJETLO-PLAVA var(--rs-blue) glass (bilo tegetno); tamnije gore -> svjetlije dole. */
    background:linear-gradient(180deg, rgba(var(--rs-blue-rgb),0.94) 0%, rgba(var(--rs-blue-rgb),0.62) 100%) !important;
    border:none !important;
    box-shadow:0 18px 50px rgba(1,10,21,0.36) !important;
    backdrop-filter:blur(7px) saturate(130%) !important;
    -webkit-backdrop-filter:blur(7px) saturate(130%) !important;
  }
  /* NAPOMENA: backdrop-filter radi SAMO uz pozicioniranje (absolute/relative) + z-index.
     Sirok bar (ne uski "pill") jer cijeli meni + logo zauzimaju ~2300px. */
  /* POZICIJA = ista kao inner headeri. Homepage header je absolute (top:18) pa ga admin bar NE gura,
     dok inner headere (u toku) html margin-top:32 (admin bar) gura na 50px. Za ULOGOVANE spustimo i
     homepage za 32px da se poklope. Posjetioci (bez admin bara) -> oba ostaju na 18px. */
  body.admin-bar.transparent-yes #header-hz-elementor{ top:50px !important; }

  /* 6b) SOCIAL IKONICE u headeru — vece, u redu, odmaknute od menija */
  body.transparent-yes .elementor-element-726d806e{ margin-left:34px !important; }  /* razmak od "CONTACT" */
  body.transparent-yes #header-hz-elementor .elementor-social-icons-wrapper{
    display:flex !important; flex-wrap:nowrap !important; gap:10px !important;
  }
  body.transparent-yes #header-hz-elementor .elementor-social-icons-wrapper .elementor-grid-item{
    width:auto !important; flex:0 0 auto !important;
  }
  body.transparent-yes #header-hz-elementor .elementor-social-icon{
    width:42px !important; height:42px !important; font-size:23px !important;
    background-color:transparent !important;   /* bez brend-boja */
    color:#f0c96c !important;                   /* zlatna ikonica */
    border-radius:50% !important;
    transition:background-color .2s ease, transform .2s ease !important;
  }
  body.transparent-yes #header-hz-elementor .elementor-social-icon i,
  body.transparent-yes #header-hz-elementor .elementor-social-icon svg{
    color:#ffffff !important; fill:#ffffff !important;   /* BIJELE ikonice */
  }
  body.transparent-yes #header-hz-elementor .elementor-social-icon:hover{
    background-color:rgba(240,201,108,0.22) !important;   /* ZLATNI hover overlay krug */
    transform:translateY(-2px) !important;
  }
  body.transparent-yes #header-hz-elementor .elementor-social-icon:hover,
  body.transparent-yes #header-hz-elementor .elementor-social-icon:hover i,
  body.transparent-yes #header-hz-elementor .elementor-social-icon:hover svg{
    color:#f0c96c !important; fill:#f0c96c !important;   /* zlatna ikonica na hover */
  }
  /* Social ikonice NAMJERNO ne diramo — ostaju default (plain, desno). */

  /* 6c) MENI + LOGO CENTRIRANI na ekran. Social ikonice su prije gurale citav
     meni ulijevo (bile su 4. flex-stavka). Rjesenje: social VADIMO iz toka
     (position:absolute, desno), a lijevi/desni meni dobiju flex:1 (jednako) pa
     logo padne tacno na centar ekrana. */
  body.transparent-yes #header-hz-elementor .elementor-element-51017b40{ position:relative !important; }
  body.transparent-yes #header-hz-elementor .elementor-element-726d806e{
    position:absolute !important; right:0 !important; top:50% !important;
    transform:translateY(-50%) !important; margin:0 !important;
  }
  body.transparent-yes #header-hz-elementor .elementor-element-60fe701{ flex:1 1 0 !important; }   /* lijevi meni */
  body.transparent-yes #header-hz-elementor .elementor-element-1fdddd3f{ flex:1 1 0 !important; }  /* desni meni */
  body.transparent-yes #header-hz-elementor .elementor-element-7a718aa1{ flex:0 0 auto !important; } /* logo */

  /* 6d) HEADER RESPONSIVE (1025–2000px; npr. laptop 1920@125% = 1536 CSS px).
     Social ikonice su absolute desno (sekcija 6c); na 2K ima dovoljno prostora pa "CONTACT"
     stoji lijevo od njih, ali na laptopu se desni meni i ikonice PREKLAPAJU. Rjesenje: smanji
     ikonice + font/razmak menija da CONTACT zavrsi prije ikonica (na 1536 razmak ~77px). 2K netaknut. */
  @media (min-width:1025px) and (max-width:2000px){
    body.transparent-yes #header-hz-elementor .elementor-social-icon{ width:30px !important; height:30px !important; font-size:16px !important; }
    body.transparent-yes #header-hz-elementor .elementor-social-icons-wrapper{ gap:3px !important; }
    body.transparent-yes #header-hz-elementor .elementor-element-726d806e{ margin-left:0 !important; }
    #header-hz-elementor .houzez-elementor-menu .nav-link,
    #header-hz-elementor .houzez-elementor-menu .nav-item a{ font-size:13px !important; padding-left:8px !important; padding-right:8px !important; letter-spacing:0 !important; }
  }

  /* 7) MENI — zlatni hover (samo tekst, bez okvira) */
  .houzez-elementor-menu .nav-link:hover,
  .houzez-elementor-menu .nav-item:hover>.nav-link{ color:var(--rs-gold) !important; }
  /* Ukloni Houzez "pointer-framed" zlatni okvir koji se pojavljuje na hover */
  #header-hz-elementor .pointer-framed .navbar-nav > .nav-item > a::before{ border:none !important; }

  /* 7a) HEADER DROPDOWN GLITCH FIX (Properties): tema otvoren meni stavlja position:absolute
     (ispod stavke), a zatvoren vraca na position:fixed; left:0; top:90px. Posto se gasi preko
     opacity/visibility tranzicije, pozicija u medjuvremenu skoci na left:0 -> bljesne ulijevo.
     Rjesenje: pozicija ISTA (absolute, ispod stavke) u OBA stanja -> animira se samo prozirnost. */
  #header-hz-elementor li.dropdown,
  #header-hz-elementor li.menu-item-has-children{ position:relative !important; }
  #header-hz-elementor li.dropdown > .dropdown-menu,
  #header-hz-elementor li.menu-item-has-children > .dropdown-menu{
    position:absolute !important; top:100% !important; left:0 !important; right:auto !important;
  }

  /* 7b) AKTIVNA stavka (stranica gdje se korisnik nalazi) — zlatna + zlatni sjaj */
  #header-hz-elementor .current-menu-item > .nav-link,
  #header-hz-elementor .current_page_item > .nav-link{
    color:var(--rs-gold-2) !important;
    text-shadow:0 0 10px rgba(var(--rs-gold-rgb),0.85), 0 0 20px rgba(var(--rs-gold-rgb),0.5) !important;
    border:none !important;
  }

  /* 8) HERO — stakleni card iza glavne poruke (naslov + podnaslov) */
  /* kontejner hero teksta (homepage). ID je stabilan za ovu stranicu. */
  .elementor-element-1e66c23e{
    background:linear-gradient(135deg, rgba(9,28,47,0.50), rgba(15,42,67,0.32)) !important;
    border:1px solid rgba(255,255,255,0.18) !important;
    border-radius:18px !important;
    box-shadow:0 30px 90px rgba(0,0,0,0.36) !important;
    backdrop-filter:blur(5px) saturate(120%) !important;
    -webkit-backdrop-filter:blur(5px) saturate(120%) !important;
    padding:26px 46px !important;   /* tijesno; gornji=donji razmak */
  }
  /* poništi Elementor margin-top:100px na naslovu + donju marginu podnaslova
     da card simetricno obuhvata tekst (gore=dolje) */
  .elementor-element-1e66c23e .elementor-element-4d9ac230{ margin-top:0 !important; }
  .elementor-element-1e66c23e .elementor-element-64984c2 p{ margin-bottom:0 !important; }
  /* veličine: naslov manji, podnaslov veći (manja razlika); 3D bez bold-a */
  .elementor-element-1e66c23e .elementor-heading-title{ font-size:58px !important; }
  .elementor-element-64984c2, .elementor-element-64984c2 p{ font-size:25px !important; }
  .elementor-element-64984c2 b, .elementor-element-64984c2 strong{ font-weight:400 !important; }

  /* 8z) HERO SLIKA PO TEMI: light foto (light tema) / dark foto (dark tema).
     Postavlja se i kao bg HERO SEKCIJE (uvijek vidljiva, cak i ako Swiper zakaze)
     i kao slika slajda (slideshow kad proradi). Mijenja se preko var(--rs-hero). */
  html.rs-dark{ --rs-hero:url("https://realscan.me/wp-content/uploads/2026/06/Hero-Dark.png"); }
  body.home .elementor-element-c7f0da1{
    background-image:var(--rs-hero) !important; background-size:cover !important;
    background-position:center !important; background-repeat:no-repeat !important;
  }
  body.home .elementor-element-c7f0da1 .elementor-background-slideshow__slide__image{ background-image:var(--rs-hero) !important; }

  /* 9) SEARCH BAR — pozicija: produzi hero sliku da ide IZA cijelog search bara
     (SAMO veliki 2K+ ekran >2000px CSS; px vrijednosti su tjunovane za 2560×1440.
     Za laptop/manji desktop (1025–2000px) vidi sekciju 9-RESP nize, mobilni 9-MOB.) */
  @media (min-width:2001px){
    .elementor-element-c7f0da1{ min-height:1529px !important; }  /* produzena hero slika; +220 da ima slike ISPOD searcha (za fade) */
    .elementor-element-78d9b5c{ margin-top:-468px !important; }  /* -468 (=-248-220) da search ostane na istoj visini */
  }

  /* 9-RESP) LAPTOP / MANJI DESKTOP (1025–2000px; npr. 1920px @125% Windows skaliranje = 1536 CSS px).
     Fiksni hero 1529px + search -468px su tjunovani za 2K i na manjem ekranu ostavljaju veliku
     praznu (izblijedjelu) traku ispod search bara. Rjesenje: hero vezan za VISINU EKRANA (100vh),
     search povucen blizu dna hera, naslov/kartice legnu odmah ispod. 2K (>2000px) nije diran. */
  @media (min-width:1025px) and (max-width:2000px){
    .elementor-element-c7f0da1{ min-height:100vh !important; }
    .elementor-element-78d9b5c{ margin-top:-150px !important; }
    body.home .elementor-element-c7f0da1::after{ height:140px !important; }
    body.home .elementor-element-2eccf74{ margin-top:-40px !important; }
    body.home .elementor-element-e799b65{ margin-top:40px !important; }
  }

  /* 9-MOB) MOBILNI hero (<=768px).
     ⭐ 2026-07-25 (korisnik: „premali dio slike u pozadini se vidi"): hero 800 -> 620px.
     RAZLOG (izmjereno): fotka je 1600x900 (16:9), telefon 390 sirok. `cover` mora da zumira dok ne
     popuni VISINU pa odsijeca strane — na 800px visine vidjelo se samo 27% fotke (1161px odsjeceno).
     Sto je hero NIZI, to je kutija bliza obliku fotke i vidi se SIRI isjecak: 620px -> ~36%.
     ⚠️ Ispod 600 pocinje da izgleda zbijeno (kartica + search nemaju vazduha) — ne spustati dalje.
     Fade (::after) mora da se skrati srazmjerno: 260px na 620px heroa bi pocinjao IZNAD kartice i
     isprao sredinu slike; 150px pokriva tacno pojas gdje search forma naliježe na hero. */
  @media (max-width:768px){
    body.home .elementor-element-c7f0da1{ min-height:620px !important; }
    body.home .elementor-element-c7f0da1::after{ height:150px !important; }
  }

  /* 9a) HERO -> donja ivica slike GLATKO BLIJEDI u donju pozadinu (ispod searcha).
     Tema-svjestan: light -> bijela (#fff), dark -> tegetna (var(--rs-dark)). */
  body.home .elementor-element-c7f0da1{ position:relative !important; }
  body.home .elementor-element-c7f0da1::after{
    content:"" !important; position:absolute !important; left:0 !important; right:0 !important; bottom:0 !important;
    height:260px !important; pointer-events:none !important; z-index:1 !important;
    background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 55%, #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) 100%) !important;
  }

  /* 9b) "Explore Our Latest Listings" naslov -> veci + podignut gore u prazninu (obje teme) */
  body.home .elementor-element-2eccf74 .elementor-heading-title{ font-size:46px !important; }
  body.home .elementor-element-2eccf74{ margin-top:-120px !important; position:relative !important; z-index:3 !important; }
  /* 9c) Razmak (~100px) izmedju naslova i prvih kartica */
  body.home .elementor-element-e799b65{ margin-top:100px !important; }

  /* 10) SEARCH BAR — SVIJETLO-PLAVA glass polja (var(--rs-blue); bilo tegetno rgba(4,17,31)).
     Tegetna je rezervisana za buduci DARK mode. */
  .houzez-search-form-js .rs-accordion-btn, .houzez-search-builder-form-js .rs-accordion-btn,
  .houzez-search-form-js .form-control, .houzez-search-builder-form-js .form-control{
    background:rgba(var(--rs-blue-rgb),0.9) !important;   /* malo tamnije (usklađeno s panelom #1d375b) */
    border:1px solid rgba(255,255,255,0.18) !important;
    color:#fff !important;
    border-radius:8px !important;
  }
  /* For Rent / For Sale tabovi (kontejner .nav-item) -> ista svijetlo-plava */
  .houzez-search-form-js .nav-item{ background:rgba(var(--rs-blue-rgb),0.9) !important; }
  .houzez-search-form-js .form-control::placeholder,
  .houzez-search-builder-form-js .form-control::placeholder{ color:rgba(255,255,255,0.6) !important; }
  .houzez-search-form-js .rs-selected-label{ color:#fff !important; }
  .houzez-search-form-js .rs-accordion-btn span{ color:rgba(255,255,255,0.85) !important; }
  /* ▼ strelica (zadnji span) manja i suptilnija (bila 14px = prevelika) */
  .rs-accordion-btn > span:last-child{ font-size:10px !important; opacity:.85 !important; }
  /* napomena: otvoreni dropdown meni (.rs-accordion-dropdown) ostaje svijetao radi citljivosti */

  /* 11) SEARCH BAR — siri panel + UJEDNACEN grid polja (desktop only) */
  @media (min-width:1025px){
    .elementor-element-2b73e6a7 .e-con-inner{ max-width:1300px !important; }  /* siri search bar */
    .houzez-ele-search-form-wrapper.elementor-form-fields-wrapper{ gap:12px !important; }
    /* Keyword zauzima prvi red; Search ostaje gore desno */
    .houzez-ele-search-form-wrapper .elementor-field-group-796108b{
      flex:0 1 auto !important; width:calc(100% - 240px) !important; max-width:calc(100% - 240px) !important;
    }
    /* Search dugme (submit) POPUNJAVA preostali prostor do DESNE ivice panela -> flush-desno, poravnato
       sa Max Price poljem ispod. Ranije je dugme imalo fiksnu prirodnu sirinu (~168px) pa je ostavljalo
       ~60px praznine desno (nije se poklapalo sa shapeom search bara). flex:1 1 auto = raste koliko treba;
       keyword je calc(100%-240) pa submit uvijek dobije ~228px zalijepljen za desnu ivicu. Vazi na SVIM
       desktop sirinama (testirano 1025/1280/1440/2560 = uvijek poravnato desno). 2026-07-13. */
    .houzez-ele-search-form-wrapper .elementor-field-type-submit{ flex:1 1 auto !important; width:auto !important; max-width:none !important; }
    .houzez-ele-search-form-wrapper .elementor-field-type-submit button,
    .houzez-ele-search-form-wrapper .elementor-field-type-submit input[type=submit],
    .houzez-ele-search-form-wrapper .elementor-field-type-submit .elementor-button{ width:100% !important; }
    /* SVA filter polja ista sirina (~6 po redu); svaki red se rasteze od ivice do ivice.
       Nadjacava fiksne 20%/33%/50% sirine koje JS (updateLayout) postavlja inline,
       pa su redovi poravnati za sve tipove (Rooms ide prirodno u donji red). */
    .houzez-ele-search-form-wrapper > .elementor-field-group:not(.elementor-field-group-796108b):not(.elementor-field-type-submit){
      flex:1 1 14% !important; width:auto !important; max-width:none !important; min-width:130px !important;
    }
  }

  /* 12) DROPDOWN MENI (rs-accordion) — tamni dizajn (kao search bar) */
  /* NAPOMENA: ovi meniji se dodaju u body element (ne u formu), pa su selektori globalni */
  .rs-accordion-dropdown{
    background:rgba(var(--rs-blue-rgb),0.98) !important;
    border:1px solid rgba(255,255,255,0.14) !important;
    box-shadow:0 14px 40px rgba(0,0,0,0.5) !important;
    max-height:340px !important;   /* visi meni -> staje vise gradova, manje skrolanja */
    scrollbar-width:thin !important; scrollbar-color:#14304f transparent !important;   /* Firefox: teget scrollbar */
  }
  /* scrollbar u dropdown-u = teget (malo tamniji od pozadine #22406a) da se odvoji, ne bijeli default */
  .rs-accordion-dropdown::-webkit-scrollbar{ width:8px !important; }
  .rs-accordion-dropdown::-webkit-scrollbar-track{ background:transparent !important; }
  .rs-accordion-dropdown::-webkit-scrollbar-thumb{ background:#14304f !important; border-radius:6px !important; border:2px solid rgba(var(--rs-blue-rgb),0.98) !important; }
  .rs-option{ color:rgba(255,255,255,0.85) !important; border-bottom:1px solid rgba(255,255,255,0.06) !important; padding:9px 14px 9px 22px !important; }
  .rs-option:hover{ background:rgba(var(--rs-gold-rgb),0.15) !important; color:#f0c96c !important; }
  .rs-option.selected{ background:rgba(var(--rs-gold-rgb),0.18) !important; color:#f0c96c !important; }
  .rs-group-header{ background:rgba(255,255,255,0.05) !important; border-bottom:1px solid rgba(255,255,255,0.08) !important; color:rgba(255,255,255,0.6) !important; }
  .rs-group-header:hover{ background:rgba(255,255,255,0.09) !important; }
  .rs-group-options{ background:transparent !important; }
  .rs-option .rs-check{ border:1.5px solid rgba(255,255,255,0.3) !important; }
  .rs-option.selected .rs-check{ background:#d9aa4f !important; border-color:#d9aa4f !important; color:#1a1205 !important; }
  .rs-live-search{ background:var(--rs-blue) !important; color:#fff !important; border-bottom:1px solid rgba(255,255,255,0.12) !important; }  /* neprozirno: gradovi ne prolaze iza dok skrolas */
  .rs-live-search::placeholder{ color:rgba(255,255,255,0.5) !important; }
  .rs-clear-btn{ background:transparent !important; color:#f0c96c !important; border-top:1px solid rgba(255,255,255,0.1) !important; }
  .rs-clear-btn:hover{ background:rgba(var(--rs-gold-rgb),0.12) !important; }

  /* 13) FEATURE CHIPS (Air Conditioning, Elevator, Garage...) — dark/zlatni */
  .rs-amenity-toggle{
    background:rgba(var(--rs-blue-rgb),0.9) !important;
    border:1px solid rgba(255,255,255,0.18) !important;
    color:rgba(255,255,255,0.82) !important;
    padding:8px 18px !important; font-size:14px !important;   /* veca startna velicina */
  }
  .rs-amenity-toggle:hover{ border-color:rgba(var(--rs-gold-rgb),0.55) !important; color:#fff !important; }
  .rs-amenity-toggle.state-yes{
    background:linear-gradient(180deg,#f0c96c,#d9aa4f) !important;
    border-color:rgba(var(--rs-gold-rgb),0.45) !important;
    color:#1a1205 !important; font-weight:700 !important;
  }

  /* 14) PROPERTY CARD (widget na homepage) — navy pozadina + zlatni akcenti.
     Vezano za body.home da ne dira kartice na drugim stranicama (Properties...). */
  /* LISTING kartice: prebaceno sa tegetne (var(--rs-dark-card)/var(--rs-dark)) na svijetlu plavu var(--rs-blue)
     (ona sa Contacta) — tegetna je rezervisana za buduci DARK mode. */
  body.home .item-wrap{ background:var(--rs-blue) !important; }
  body.home .item-header, body.home .item-header-1, body.home .item-header-2{ background:var(--rs-blue) !important; }
  body.home .item-footer, body.home .item-body-wrap, body.home .item-body{ background-color:transparent !important; }
  /* tekst svijetli (cijena ostaje zlatna iz sekcije 5) */
  body.home .item-title, body.home .item-title a,
  body.home .item-address,
  body.home .item-amenities, body.home .item-amenities *,
  body.home .item-sub-price, body.home .price-postfix,
  body.home .item-author, body.home .item-author *{ color:rgba(255,255,255,0.85) !important; }
  /* veci sadrzaj kartice */
  body.home .item-title, body.home .item-title a{ font-size:24px !important; }
  body.home .item-address{ font-size:16px !important; }
  body.home .item-price, body.home .item-price .price{ font-size:23.75px !important; }  /* 2026-07-22: 25 -> 23.75 (-5% na zahtjev) */
  body.home .item-sub-price, body.home .price-postfix{ font-size:15px !important; }
  body.home .item-amenities, body.home .item-amenities *{ font-size:17px !important; }
  /* VIDEO dugme -> zlatno */
  body.home .btn-video{ background:linear-gradient(180deg,#f0c96c,#d9aa4f) !important; color:#1a1205 !important; border-color:transparent !important; }
  /* 360 TOUR i VIDEO -> veci (poklapaju se s tool pilulom) */
  body.home .btn-360, body.home .btn-video{ padding:7px 14px !important; font-size:14px !important; }
  /* Tri kontakt dugmeta na kartici: Call / Email / WhatsApp -> zlatni OUTLINE.
     (Email zadrzava .btn-item + hz-email-popup-js klase da Houzez popup radi; vidi functions.php) */
  body.home .item-buttons-wrap.rs-cta3{ display:flex !important; gap:6px !important; flex-wrap:nowrap !important; }
  body.home .rs-cta3 .rs-cta-btn{
    display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:5px !important;
    padding:6px 11px !important; border-radius:9px !important; background:transparent !important;
    border:1px solid rgba(var(--rs-gold-rgb),0.6) !important;
    color:var(--rs-gold-2) !important; font-size:12px !important; font-weight:700 !important;
    text-decoration:none !important; white-space:nowrap !important; cursor:pointer !important; transition:.2s ease !important;
  }
  body.home .rs-cta3 .rs-cta-btn svg{ width:14px !important; height:14px !important; }
  /* UJEDNACENA VISINA: Email je <button> (nizi ~32px), Call/WhatsApp su <a> (~39px) -> svi na istu
     visinu i poravnanje da Email ne odudara. */
  body.home .rs-cta3 .rs-cta-btn{ box-sizing:border-box !important; min-height:36px !important; line-height:1 !important; }
  body.home .rs-cta3 button.rs-cta-btn{ font-family:inherit !important; vertical-align:middle !important; }
  body.home .rs-cta3 .rs-cta-btn:hover{ background:linear-gradient(135deg,var(--rs-gold-2),var(--rs-gold)) !important; color:#1a1205 !important; border-color:transparent !important; }
  /* footer separator linija -> kraca (uvucena od ivica), sadrzaj unutar nje.
     Stil: nestaje na krajevima + malo deblja/svjetlija po sredini (kao luxury zlatne linije),
     ali zadrzana bijela boja i duzina. Border zamijenjen ::before radial-eye gradijentom. */
  body.home .item-footer-author-tool-wrap{ margin-left:20px !important; margin-right:20px !important; border-top-color:transparent !important; position:relative !important; }
  body.home .item-footer-author-tool-wrap::before{
    content:'' !important; position:absolute !important; top:-1px !important; left:-14px !important; right:-14px !important; height:4px !important;  /* produzena (left/right -14 = blize ivicama) */
    background:radial-gradient(ellipse 55% 120% at 50% 50%, rgba(255,255,255,0.32) 0%, rgba(255,255,255,0.12) 42%, transparent 80%) !important;
    pointer-events:none !important;
  }
  /* relativni datum objave (umjesto logoa agenta) — vidi functions.php */
  body.home .rs-listing-date{ display:inline-flex; align-items:center; gap:7px; color:rgba(255,255,255,0.8); font-size:14px; }

  /* 15) LUXURY banner — zlatni naslov (gradient + sjaj). Dugme NAMJERNO ne diramo. */
  .elementor-element-d16c475 .elementor-heading-title{
    background:linear-gradient(180deg,#f7ecc4 0%,#e7c878 45%,#c99a3f 100%) !important;
    -webkit-background-clip:text !important; background-clip:text !important;
    -webkit-text-fill-color:transparent !important; color:transparent !important;
    filter:drop-shadow(0 3px 12px rgba(0,0,0,0.35));
  }

  /* 16) SELL/COMMERCIAL sekcija — svijetlo-siva pozadina + slike sa zaobljenjem i mekom
     sjenkom. Taj "efekat sjenke iza slike" je box-shadow NA SLICI (kao GPT .rs-split-media),
     ne pozadinski gradient. */
  /* JEDINSTVENA topla off-white pozadina ISPOD hera (listinzi + Sell) — nema vise
     oštrog bijelo->sivo skoka. Boja ide na #main-wrap, sekcija listinga postaje
     prozirna da je propusti; Sell sekcija zadrzava svoj horizontalni gradient ispod. */
  /* JEDNA boja ispod hera = BIJELA (za sad; mozda kasnije promijenimo). Prije su bile
     DVIJE boje: bijela traka (79227db7 search-wrapper gradient #f4f6f8->#fff) + krem
     (main-wrap #f5f3ee). Sve ujedinjeno na #ffffff: main-wrap bijel + uklonjen gradient. */
  body.home #main-wrap{ background-color:#ffffff !important; }
  body.home .elementor-element-10b67f2{ background-color:transparent !important; }
  body.home .elementor-element-79227db7{ background-image:none !important; background-color:transparent !important; }
  /* siva gradijent pozadina ide SAMO iza "List Your Property" bloka (1237f99) —
     korisnik to tako zeli. Sama sekcija je prozirna (vidi se topli #f5f3ee main-wrap),
     pa "Commercial 3D Solutions" blok NEMA tu pozadinu.
     FULL-BLEED: traka ide punom sirinom ekrana (::before, width:100vw) da se NE vidi
     bijela na lijevoj/desnoj strani; siva (#c6cad3) drzi rubove, sredina malo svjetlija.
     Visina = auto (visina samog reda) pa ne treba fiksni px. */
  .elementor-element-5c617a7{ background:transparent !important; }
  .elementor-element-5c617a7 .elementor-element-1237f99{ position:relative !important; background:transparent !important; }
  .elementor-element-5c617a7 .elementor-element-1237f99 > *{ position:relative !important; z-index:1 !important; }
  .elementor-element-5c617a7 .elementor-element-1237f99::before{
    content:'' !important; position:absolute !important; top:0 !important; bottom:0 !important;
    left:50% !important; width:100vw !important; transform:translateX(-50%) !important; z-index:0 !important;
    /* OBA ruba svijetla (svijetlo-sivi, ne bijeli); siva drzi NAJJACA iza fotke (~50-78%),
       pa se desni rub posvijetli tek nakon fotke do ruba (da slika ne izgleda posvijetljena).
       Desni svijetli dio je kraci jer fotka stoji desno. */
    background:linear-gradient(90deg,#f5f0e6 0%, #eae2d1 33%, #ded3bc 60%, #e5dbc6 76%, #f6f1e8 100%) !important;   /* KREM (bilo sivo); gradijent isti */
  }
  /* ZLATNE horizontalne linije na ivicama "List Your Property" bloka — SAMO DARK
     (u light ima sivi blok pa ne trebaju; vidi dark override nize). */
  /* NAMJERNO samo GORNJA slika (List Your Property, Image widget) dobiva zaobljenje +
     sjenku. Donja (Commercial 3D Solutions, "BUSINESS REDEFINED", widget 3b458e9) je
     drugi tip widgeta i NAMJERNO ostaje bez te stilizacije — korisnik tako zeli. */
  .elementor-element-5c617a7 .elementor-widget-image img{ border-radius:16px !important; border:1px solid rgba(8,28,48,0.12) !important; box-shadow:0 12px 34px rgba(2,12,24,0.16) !important; }
  /* smanji prazne Spacer widgete na vrhu sekcije (bilo 60px+100px) */
  .elementor-element-55d4bdb .elementor-spacer-inner, .elementor-element-d3559f4 .elementor-spacer-inner{ height:20px !important; }
  /* tool ikonice (expand/srce/plus) -> zlatna pilula, tamne ikonice (kao VIDEO) */
  body.home .item-tools{ background:linear-gradient(180deg,#f0c96c,#d9aa4f) !important; border-radius:8px !important; padding:2px 4px !important; box-shadow:0 4px 12px rgba(0,0,0,0.25) !important; }
  /* unutrasnje bijele kuglice -> providne (da zlatni kontejner bude jedna pilula) */
  body.home .item-tool-preview, body.home .item-tool-favorite, body.home .item-tool-compare, body.home .item-tool span{ background:transparent !important; border-color:transparent !important; box-shadow:none !important; }
  body.home .item-tool i, body.home .item-tool svg, body.home .item-tool a{ color:#1a1205 !important; fill:#1a1205 !important; }

  /* 17) DONJI DIO — PLAVA CJELINA (Our Services + Contact us).
     Korisnik: umjesto tamne tegetne (#21242e) staviti svjetliju PLAVU (var(--rs-blue)) i
     spojiti Our Services + Contact u jednu plavu cjelinu (kao mockup). FOOTER se NE dira. */
  /* Our Services SEKCIJA -> plavo (okvir cijele sekcije) */
  .elementor-element-v770fqzvg{
    padding-top:22px !important;      /* manje prostora iznad "Our Services" naslova */
    padding-bottom:45px !important;   /* +25px (donji padding kolona kartica) = 70px razmaka do Contact-a.
                                         NAPOMENA: razmak preko padding-a sekcije (ne margin) da plava
                                         pozadina ostane neprekinuta — margin bi otkrio bijeli main-wrap. */
  }
  /* Contact NA 25px OD SERVISNIH KARTICA: nuliraj donji padding kartica-bloka + sekcije,
     i gornji padding Contact sekcije; preostalih ~25px daje donji padding kolona kartica. */
  body.home .elementor-element-s2esu9e4c{ padding-bottom:0 !important; }
  body.home .elementor-element-f95d94mvx > .e-con-inner{ padding-top:0 !important; }
  /* Donji blok (Our Services + Contact) = RAVNA boja (light var(--rs-blue) / dark var(--rs-dark)). BEZ glow/halo. */
  body.home .elementor-element-v770fqzvg,
  body.home .elementor-element-f95d94mvx{
    background-color:var(--rs-blue) !important;
    background-image:none !important;
  }
  /* "Our Services" naslov veci (bio 34px) */
  body.home .elementor-element-3j3rcx2u1 .elementor-heading-title{ font-size:48px !important; }
  /* Our Services BOX (s2esu9e4c) -> BEZ panela (korisnik: crni okvir je nepotreban).
     Sekcija prozirna + Elementor background-overlay (#21242e) ugasen -> kartice stoje
     direktno na plavoj. */
  body.home .elementor-element-s2esu9e4c{ background:transparent !important; border:0 !important; box-shadow:none !important; }
  body.home .elementor-element-s2esu9e4c > .elementor-background-overlay{ background:transparent !important; background-image:none !important; opacity:0 !important; }
  /* SVAKA kartica = image-box widget -> tanki glass okvir (kao mockup SS1) */
  body.home .elementor-element-s2esu9e4c .elementor-widget-image-box{
    border:1px solid rgba(var(--rs-gold-rgb),0.55) !important;   /* tanki ZLATNI border */
    border-radius:12px !important;
    background:rgba(var(--rs-glass-rgb),0.45) !important;   /* TAMNI navy (kao Contact kartica), ne svijetli */
    padding:20px 22px !important;
    min-height:235px !important;   /* fallback floor; PRAVU jednakost na svakoj sirini radi JS
                                      rsEqualizeServiceCards() u functions.php (i ispod 1300px / ne-fullscreen) */
    transition:border-color .2s ease, background .2s ease !important;
  }
  body.home .elementor-element-s2esu9e4c .elementor-widget-image-box:hover{
    border-color:rgba(var(--rs-gold-rgb),0.9) !important; background:rgba(var(--rs-glass-rgb),0.62) !important;
  }
  /* IKONE vece + sadrzaj VERTIKALNO CENTRIRAN u kartici (blok je prije stajao pri vrhu). */
  body.home .elementor-element-s2esu9e4c .elementor-widget-image-box{ display:flex !important; align-items:center !important; }
  body.home .elementor-element-s2esu9e4c .elementor-widget-image-box > .elementor-widget-container{ width:100% !important; }
  body.home .elementor-element-s2esu9e4c .elementor-image-box-img img,
  body.home .elementor-element-s2esu9e4c .elementor-image-box-img svg{ height:92px !important; width:auto !important; max-width:none !important; }
  /* JEDNOREDNI naslov rezervise 2 reda (2 x 28.8px line-height = 57.6) -> opis pocinje na istoj
     visini kao kod DVOREDNIH naslova (npr. "Aerial Drone Footage"). Dvoredni se ne mijenjaju. */
  body.home .elementor-element-s2esu9e4c .elementor-image-box-title{ min-height:57.6px !important; }
  /* UJEDNACEN font naslova svih kartica (kartica "360 Virtual Tour" je imala Roboto/600;
     ostale Plus Jakarta Sans/700) -> sve isto. */
  body.home .elementor-element-s2esu9e4c .elementor-image-box-title{ font-family:'Plus Jakarta Sans', sans-serif !important; font-weight:700 !important; }
  /* HOVER ANIMACIJA ikonica: blago uvecanje + podizanje + zlatni sjaj (na hover cijele kartice). */
  body.home .elementor-element-s2esu9e4c .elementor-image-box-img img,
  body.home .elementor-element-s2esu9e4c .elementor-image-box-img svg{
    transition:transform .6s cubic-bezier(.2,.8,.2,1), filter .6s ease !important;
    transform-origin:center center;
  }
  body.home .elementor-element-s2esu9e4c .elementor-widget-image-box:hover .elementor-image-box-img img,
  body.home .elementor-element-s2esu9e4c .elementor-widget-image-box:hover .elementor-image-box-img svg{
    transform:scale(1.07) translateY(-3px) !important;
    filter:drop-shadow(0 6px 14px rgba(240,201,108,0.45)) !important;
  }
  /* RAZMAK kartica = 25px u oba smjera.
     vertikalni: margin-bottom 25px (zadnja u koloni bez); horizontalni: padding kolone 12.5px/stranu (2x12.5=25). */
  body.home .elementor-element-s2esu9e4c .elementor-widget-image-box{ margin-bottom:25px !important; }
  body.home .elementor-element-s2esu9e4c .elementor-widget-wrap > .elementor-widget-image-box:last-child{ margin-bottom:0 !important; }
  body.home .elementor-element-s2esu9e4c .elementor-column > .elementor-element-populated{ padding-left:12.5px !important; padding-right:12.5px !important; }
  /* KONZISTENTNOST PREKO REZOLUCIJA: sekcija Our Services je puna sirina pa su se kartice
     rastezale (sire na 2K, uze na 1080p) -> tekst se drugacije prelama -> nejednake.
     Rjesenje: zakljucaj sadrzaj na 1300px (kao ostatak sajta) i centriraj. Tada SVAKA
     rezolucija >=1300px prikazuje IDENTICNO, a fiksni min-height (235px) drzi sve kartice
     jednake. Contact poravnat na istu sirinu (cjelina). */
  body.home .elementor-element-s2esu9e4c > .elementor-container{ max-width:1300px !important; margin-left:auto !important; margin-right:auto !important; }
  body.home .elementor-element-f95d94mvx > .e-con-inner{ max-width:1300px !important; margin-left:auto !important; margin-right:auto !important; }
  /* popuni prazne/bijele razmake da bottom bude CJELINA (bijeli gap c5947f0 + contact) */
  body.home .elementor-element-c5947f0{ background-color:var(--rs-blue) !important; height:0 !important; min-height:0 !important; padding:0 !important; }
  body.home .elementor-element-c5947f0 .elementor-spacer-inner{ height:0 !important; }
  /* (f95d94mvx pozadina = ista ravna plava + grain; definisana gore zajedno s v770fqzvg) */
  /* Contact glass kartica.
     VAZNO: koristi background-COLOR (ne 'background' skracenicu) da NE obrise background-image
     koji se postavi na kontejner u Elementoru (npr. slika zgradice u lijevoj koloni). */
  body.home .elementor-element-3ekmrb92a{
    background-color:rgba(var(--rs-glass-rgb),0.45) !important; border:1px solid rgba(255,255,255,0.14) !important;
    backdrop-filter:blur(8px) saturate(120%) !important; -webkit-backdrop-filter:blur(8px) saturate(120%) !important;
    box-shadow:0 18px 50px rgba(0,0,0,0.35) !important;
  }
  /* VAZNO: NE diramo background-size/position ovdje — Contact sliku (bg na e4dt2kmng)
     korisnik kadrira preko Elementor Position (Display Size: Cover). Samo background-color
     ostaje transparent da se slika vidi. */
  body.home .elementor-element-e4dt2kmng{ background-color:transparent !important; }
  /* tekst svijetli (naslov "Contact us" ostaje zlatni iz luxury sekcije) */
  body.home .elementor-element-f95d94mvx p{ color:rgba(255,255,255,0.85) !important; }
  body.home .elementor-element-f95d94mvx .elementor-field-label{ color:rgba(255,255,255,0.85) !important; }
  body.home .elementor-element-f95d94mvx .elementor-field-type-acceptance .elementor-field-label,
  body.home .elementor-element-f95d94mvx .elementor-field-subgroup label{ color:rgba(255,255,255,0.7) !important; }
  body.home .elementor-element-f95d94mvx .elementor-icon-list-text,
  body.home .elementor-element-f95d94mvx .elementor-icon-list-item a,
  body.home .elementor-element-f95d94mvx li,
  body.home .elementor-element-f95d94mvx a:not(.elementor-button){ color:rgba(255,255,255,0.88) !important; }
  /* form polja: tamno-providna, svijetli tekst (kao search polja) */
  body.home .elementor-element-f95d94mvx input:not([type=submit]):not([type=checkbox]):not([type=radio]),
  body.home .elementor-element-f95d94mvx textarea{
    background:rgba(var(--rs-glass-deep-rgb),0.42) !important; border:1px solid rgba(255,255,255,0.18) !important; color:#fff !important;
  }
  body.home .elementor-element-f95d94mvx input::placeholder,
  body.home .elementor-element-f95d94mvx textarea::placeholder{ color:rgba(255,255,255,0.55) !important; }
  /* Forma desno (cbff2mme9): slika lijevo je visoka (Min Height ~849px), pa je forma kraca i
     ostaje praznina ispod Submit. Rjesenje: ZADRZI SS1 raspored (polja side-by-side: First/Last,
     Email/Phone) i NE diraj sirinu kartice — samo Message polje poraste da popuni prazninu do dna.
     270px je kalibrisano da forma stane TACNO u visinu slike (~849px), pa kartica zadrzava isti
     oblik (visinu diktira slika, ne forma). Ako promijenis Min Height slike, javi -> preracunam. */
  body.home .elementor-element-cbff2mme9 textarea{ min-height:270px !important; }