/* ================= 36) DESKTOP/LAPTOP — FLUIDNA TIPOGRAFIJA (jedno pravilo, sve rezolucije) =========
     Sadrzaj (naslovi/tekst/kartice) je bio PREVELIK na laptopima (px velicine tjunovane za 2K monitor).
     RIJESENO fluidnom tipografijom `clamp(min, Xvw, max)`: svaki tip teksta se SAM skalira sa sirinom
     ekrana — manji na laptopu, capiran (max) na velikom monitoru. Postavljeno JEDNOM, radi na SVIM
     rezolucijama (NE tjuna se po rezoluciji). ⚠️ NAMJERNO NE koristimo `zoom`: zoom smanjuje i POZADINE/
     SLIKE (korisnik hoce da ostanu iste) + lomi hero (100vh se ne skalira -> nema neba) + smanji header.
     Fluidna tipografija dira SAMO velicinu teksta -> pozadine/slike/hero/header ostaju puni.
     Naslovi su gadjani po Elementor ID-u (svaki ima svoju velicinu). vw koeficijent = kad krene da se
     smanjuje; max = 2K velicina; min = mali laptop. */
  @media (min-width:769px){
    body.home .elementor-element-4d9ac230 .elementor-heading-title{ font-size:clamp(34px,3.1vw,58px) !important; }   /* hero "Fastest Way" (bio 58) */
    body.home .elementor-element-2eccf74 .elementor-heading-title{ font-size:clamp(28px,2.5vw,46px) !important; }    /* "Explore Latest Listings" (bio 46) */
    body.home .elementor-element-d16c475 .elementor-heading-title{ font-size:clamp(48px,5vw,100px) !important; }     /* "Luxury" (bio ~8vw=109 na laptopu) */
    body.home .elementor-element-05abb31 .elementor-heading-title,
    body.home .elementor-element-4d29b94 .elementor-heading-title{ font-size:clamp(24px,2.1vw,38px) !important; }    /* "Sell Faster" / "Digitalize" (bili 38) */
    body.home .elementor-element-22yztxmqp .elementor-heading-title{ font-size:clamp(20px,1.8vw,32px) !important; }  /* "Contact us" (bio 32) */
    body.home .elementor-widget-text-editor, body.home .elementor-widget-text-editor p{ font-size:clamp(15px,1.25vw,20px) !important; line-height:1.6 !important; }   /* pasusi (bili 25/26) */
    body.home .item-wrap .item-title, body.home .item-wrap .item-title a{ font-size:clamp(17px,1.4vw,22px) !important; }   /* kartica naslov */
    body.home .item-wrap .price{ font-size:clamp(18px,1.5vw,25px) !important; }                                          /* kartica cijena */
    body.home .item-wrap .item-address, body.home .item-wrap .item-amenities, body.home .item-wrap .item-amenities *{ font-size:clamp(13px,1.05vw,15px) !important; }   /* kartica adresa/ikonice */
  }

  /* ================= 37) DESKTOP/LAPTOP — HEADER krupniji + HERO panel obgrljen uz tekst =========
     (a) HEADER: meni (13px) + social ikone (16px) bili PRESITNI na laptopu (fiksni px). Povecani FLUIDNO
         (clamp) kao sek.36 — citljivi na laptopu, capirani na 2K monitoru. Meni = Houzez .nav-link
         (visoka specificnost jer tema ima jak selektor); social velicina preko --icon-size na widgetu
         726d806e + svg width/height.
     (b) HERO GLASS PANEL (1e66c23e "Fastest Way..."): staklo se rastezalo na punu sirinu kontejnera pa je
         oko teksta bilo ~128px praznog stakla sa svake strane (najvidljivije na laptopu, gdje fluidni
         naslov iz sek.36 postane manji ~42px). Panel sad OBGRLI tekst: width:fit-content + centriran;
         naslov drzi sirinu (white-space:nowrap), a PASUS je capiran clam(om) VEZANIM za sirinu naslova
         (clamp(454px,41.4vw,774px) = raspon sirine naslova) pa se prelama i NE siri panel preko naslova.
         Rezultat: ~40px lufta lijevo/desno na svim rezolucijama (panel prati fluidni naslov).
         Scope min-width:1000px -> uspravni tablet/mobilni ostaju netaknuti (panel pun-sirinski).
     (c) CONTACT tekst bio presitan (pasus lkbtkm1o5 16px, email/telefon icon-list fiky2davl 15px — nisu
         bili pokriveni sek.36). Povecani fluidno; naslov 22yztxmqp malo krupniji. */
  @media (min-width:769px){
    /* (a) HEADER fluidno skaliranje (logo/meni/ikone/razmaci) da PUN header stane na laptopu bez
       preklapanja (hamburger ostaje samo za mobilni) i bude puna velicina na PC-u. Testirano 1280-2560. */
    /* logo (NE mijenja visinu headera preko scale). 2026-07-14: -5% na zelju korisnika (scale 1.08->1.026);
       vazi i za DARK verziju (ista <img>, samo content-swap). 7a718aa1 = homepage + property stranice (template A). */
    #header-hz-elementor .elementor-element-7a718aa1 img{ width:clamp(148px,11.4vw,274px) !important; height:auto !important; transform:scale(1.026) !important; transform-origin:center !important; }
    /* logo -5% i na TEMPLATE B headerima (search/blog/Explore/360/About/Contact — logo je 7a109cfc, bez
       postojeceg transforma pa je -5% = scale(.95)); scale ne dira raspored/visinu headera. */
    #header-hz-elementor .elementor-element-7a109cfc img{ transform:scale(0.95) !important; transform-origin:center !important; }
    /* header visina STABILNA (ne zavisi od visine logoa; novi logo je nizi pa je inace skupljao plavu traku).
       2026-07-14: bio clamp(60px,4.8vw,116px) -> na 2K home header 116px vs 97px na search/inner stranicama.
       Korisnik: SVI headeri isti = tanji kao search. Sad: plava traka (header) 97px + sadrzaj 90px CENTRIRAN
       -> identicno search headeru (tamo Elementor drzi min-height:97, sadrzaj 90 na offsetu 4px).
       Provjereno 1194/1536/2560 (home = search); na <=1024 sadrzaj ionako diktira visinu (nista se ne mijenja). */
    #header-hz-elementor .elementor-element-51017b40{ min-height:90px !important; display:flex !important; align-items:center !important; }
    body.transparent-yes #header-hz-elementor{ min-height:97px !important; display:flex !important; flex-direction:column !important; justify-content:center !important; }
    /* (glow iza logoa i dark logo swap su IZMJESTENI ISPOD ove media da vaze i na MOBILNOM <769) */
    #header-hz-elementor ul.houzez-elementor-menu li.menu-item a.nav-link{ font-size:clamp(11.5px,0.85vw,14px) !important; padding-left:clamp(3px,0.45vw,10px) !important; padding-right:clamp(3px,0.45vw,10px) !important; }
    #header-hz-elementor .elementor-element-726d806e{ --icon-size:clamp(14px,1.15vw,22px) !important; margin-left:clamp(6px,0.8vw,34px) !important; }
    #header-hz-elementor .elementor-element-726d806e .elementor-social-icon svg{ width:clamp(14px,1.15vw,22px) !important; height:clamp(14px,1.15vw,22px) !important; }
    /* meniji jednako udaljeni od logoa (~40px lufta svaki) + logo ostaje centriran. Sirovo su gapovi bili
       lijevo 20 / desno 50 (fiksna asimetrija na svim sirinama); ovim translate-om oba postaju ~40. */
    #header-hz-elementor .houzez-ele-menu-60fe701 .navbar-nav{ transform:translateX(-20px) !important; }
    #header-hz-elementor .houzez-ele-menu-1fdddd3f .navbar-nav{ transform:translateX(-10px) !important; }
    /* (c) Contact tekst krupniji */
    body.home .elementor-element-22yztxmqp .elementor-heading-title{ font-size:clamp(22px,2vw,36px) !important; }
    body.home .elementor-element-lkbtkm1o5, body.home .elementor-element-lkbtkm1o5 p{ font-size:clamp(17px,1.5vw,23px) !important; line-height:1.6 !important; }
    body.home .elementor-element-fiky2davl .elementor-icon-list-text{ font-size:clamp(16px,1.35vw,21px) !important; }
    body.home .elementor-element-fiky2davl .elementor-icon-list-icon svg{ width:clamp(16px,1.35vw,21px) !important; height:auto !important; }
  }
  /* LOGO PO TEMI + GLOW (SVE VERZIJE, bez media -> vaze i na MOBILNOM). Raniji propust: bili unutar
     @media min-width:769 pa mobilni dark ostajao crn, a glow se nije vidio na mobilnom light. */
  html.rs-dark #header-hz-elementor .elementor-element-7a718aa1 img{ content:url('https://realscan.me/wp-content/uploads/2023/12/Logo-white.png') !important; }
  /* suptilni sjaj iza logoa -> SAMO SVIJETLA TEMA (crni logo citljiviji na plavom headeru); u dark nema.
     2026-07-15 (korisnik): glow je bio SAMO na Template A logou 7a718aa1 (home/property/search); INNER
     stranice (Template B logo 7a109cfc = Contact/blog/360/About) su ga imale prazno -> crni logo bez sjaja
     na navy headeru. Dodat i 7a109cfc -> svijetla tema svih stranica/sirina ima glow (bez media = i mobilni). */
  #header-hz-elementor .elementor-element-7a718aa1 .elementor-widget-container,
  #header-hz-elementor .elementor-element-7a109cfc .elementor-widget-container{ position:relative !important; }
  html:not(.rs-dark) #header-hz-elementor .elementor-element-7a718aa1 .elementor-widget-container::before,
  html:not(.rs-dark) #header-hz-elementor .elementor-element-7a109cfc .elementor-widget-container::before{ content:'' !important; position:absolute !important; top:50% !important; left:50% !important; transform:translate(-50%,-50%) !important; width:145% !important; height:250% !important; border-radius:50% !important; background:radial-gradient(ellipse at center, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.08) 34%, rgba(255,255,255,0.03) 55%, transparent 70%) !important; z-index:0 !important; pointer-events:none !important; }
  #header-hz-elementor .elementor-element-7a718aa1 img,
  #header-hz-elementor .elementor-element-7a109cfc img{ position:relative !important; z-index:1 !important; }
  @media (min-width:1000px){
    /* (b) hero panel obgrljen uz tekst */
    body.home .elementor-element-1e66c23e{ width:fit-content !important; max-width:100% !important; margin-left:auto !important; margin-right:auto !important; }
    body.home .elementor-element-1e66c23e .e-con-inner{ width:auto !important; }
    body.home .elementor-element-1e66c23e .elementor-widget-heading .elementor-heading-title{ white-space:nowrap !important; }
    body.home .elementor-element-1e66c23e .elementor-widget-text-editor{ max-width:clamp(454px,41.4vw,774px) !important; margin-left:auto !important; margin-right:auto !important; }
  }

  /* --- (b2) ISTO ZA TABLET USPRAVNO (769-999) — 2026-07-25 ---
     Korisnik: „na tabletu ovaj glass pozadina za tekst je prevelika i tekst je previse horizontalno
     razvucen, sredi to."
     UZROK: pravilo (b) iznad vazi samo od 1000px, pa je ispod toga panel ostajao PUNE SIRINE.
     Izmjereno na 834px: panel **819px (x=0, od ivice do ivice)**, naslov 513px, pasus 566px.
     Za razliku od (b) NEMA `white-space:nowrap` na naslovu — na 769px bi ga to moglo izbaciti van
     panela; ovako se naslov prelomi ako mu zatreba.
     `width:fit-content` + `max-width` = panel obgrli tekst i ostane centriran, kao na desktopu. */
  @media (min-width:769px) and (max-width:999.98px){
    body.home .elementor-element-1e66c23e{
      width:fit-content !important;
      max-width:min(92%, 640px) !important;
      margin-left:auto !important; margin-right:auto !important;
      padding:22px 34px !important;
    }
    body.home .elementor-element-1e66c23e .e-con-inner{ width:auto !important; }
    /* pasus se capira da se prelomi i NE siri panel preko naslova */
    body.home .elementor-element-1e66c23e .elementor-widget-text-editor{
      max-width:clamp(360px, 60vw, 520px) !important;
      margin-left:auto !important; margin-right:auto !important;
    }
  }