/* ================= 18) LIGHT / DARK TOGGLE + DARK MODE ================= */
  /* GLATKA TRANZICIJA light<->dark = View Transitions API (GPU crossfade cijele stranice).
     Toggle u functions.php zove document.startViewTransition(...) pa browser napravi mekan
     fade-in/fade-out starog->novog stanja BEZ sjeckanja (raniji per-element background-color
     transition je pravio repaint jank na velikim sekcijama -> uklonjen). Ovdje samo trajanje. */
  ::view-transition-old(root),
  ::view-transition-new(root){ animation-duration:.55s; animation-timing-function:ease; }

  /* Toggle dugme — zlatni krug sa sunce/mjesec ikonom.
     FALLBACK pozicija (fiksno gore lijevo) AKO JS ne uspije da ga ubaci u header;
     normalno ga functions.php premjesti U HEADER pa vrijedi rule nize (#header-hz-elementor ...). */
  #rs-theme-toggle{
    position:fixed !important; top:100px !important; left:24px !important; z-index:99999 !important;
    width:46px !important; height:46px !important; border-radius:50% !important;
    background:linear-gradient(180deg,#f0c96c,#d9aa4f) !important; border:none !important; cursor:pointer !important;
    box-shadow:0 8px 22px rgba(0,0,0,0.40) !important; display:flex !important; align-items:center !important; justify-content:center !important;
    color:#1a1205 !important; font-size:22px !important; line-height:1 !important; padding:0 !important;
    transition:transform .15s ease, box-shadow .15s ease !important;
  }
  #rs-theme-toggle:hover{ transform:translateY(-2px) scale(1.06) !important; box-shadow:0 12px 28px rgba(0,0,0,0.5) !important; }
  /* U headeru (premjesten JS-om kao DIREKTNO dijete) -> ABSOLUTE lijevi cosak. Vazno: absolute znaci da
     NE zauzima prostor u flex redu, pa se logo centrira ISTO na svim template-ima (homepage i inner).
     Vertikalno centriran, 54px od ivice (= ista pozicija svuda), skroluje s headerom. */
  #header-hz-elementor #rs-theme-toggle{
    position:absolute !important; left:54px !important; top:50% !important; transform:translateY(-50%) !important;
    right:auto !important; bottom:auto !important; margin:0 !important; z-index:5 !important;
    /* dimenzije VEZANE za social ikone desno (isti fluid: krug 30->42, glyph 14->22) — ne podesava se posebno */
    width:clamp(30px,1.64vw,42px) !important; height:clamp(30px,1.64vw,42px) !important; font-size:clamp(14px,1.15vw,22px) !important;
    box-shadow:0 4px 14px rgba(0,0,0,0.35) !important;
    /* BULLETPROOF centriranje ikone (mjesec/sunce) — flex + line-height 0 + bez paddinga da nikad ne "pobjegne" */
    display:flex !important; align-items:center !important; justify-content:center !important; line-height:0 !important; padding:0 !important; text-align:center !important;
  }
  #header-hz-elementor #rs-theme-toggle .rs-tt-ico{ display:flex !important; align-items:center !important; justify-content:center !important; line-height:0 !important; width:auto !important; height:auto !important; }
  #header-hz-elementor #rs-theme-toggle svg, #header-hz-elementor #rs-theme-toggle i{ width:clamp(14px,1.15vw,22px) !important; height:clamp(14px,1.15vw,22px) !important; display:block !important; vertical-align:middle !important; }
  #header-hz-elementor #rs-theme-toggle:hover{ transform:translateY(-50%) scale(1.08) !important; }

  /* --- DARK MODE: sve pozadine -> TEGETNA (var(--rs-dark) / kartice var(--rs-dark-card)) --- */
  html.rs-dark, html.rs-dark body{ background:var(--rs-dark) !important; }
  html.rs-dark body.home #main-wrap{ background-color:var(--rs-dark) !important; }
  /* header */
  html.rs-dark body.transparent-yes #header-hz-elementor{ background:linear-gradient(180deg, rgba(var(--rs-dark-rgb),0.96) 0%, rgba(var(--rs-dark-card-rgb),0.70) 100%) !important; }
  /* search: panel + polja + tabovi (tabovi malo svjetliji; aktivni "All" ostaje zlatan) */
  html.rs-dark .houzez-search-builder-wrapper{ background:var(--rs-dark) !important; }
  html.rs-dark .houzez-status-tabs .nav-link:not(.active), html.rs-dark .houzez-status-tabs .nav-item a:not(.active){ background:var(--rs-dark-card) !important; }
  html.rs-dark .houzez-search-form-js .form-control, html.rs-dark .houzez-search-builder-form-js .form-control,
  html.rs-dark #form-field-796108b, html.rs-dark .houzez-search-form-js .rs-accordion-btn,
  html.rs-dark .houzez-search-builder-form-js .rs-accordion-btn{ background:rgba(var(--rs-dark-card-rgb),0.9) !important; }
  /* otvoreni dropdown meni + live-search: u light su var(--rs-blue) (svijetlo plava); u dark -> tegetna */
  html.rs-dark .rs-accordion-dropdown{ background:var(--rs-dark-card) !important; }
  html.rs-dark .rs-live-search{ background:var(--rs-dark-card) !important; }
  /* feature chips: neaktivni -> tegetna (state-yes ostaje zlatan) */
  html.rs-dark .rs-amenity-toggle:not(.state-yes){ background:var(--rs-dark-card) !important; }
  /* LISTINGS sekcija (bijela -> tegetna) + naslov svijetli; kartice -> var(--rs-dark-card) */
  html.rs-dark body.home .elementor-element-10b67f2{ background-color:var(--rs-dark) !important; }
  html.rs-dark body.home .elementor-element-10b67f2 .elementor-heading-title{ color:#eaf0f8 !important; }
  /* listing kartica: nova tamna baza var(--rs-dark-lux) */
  html.rs-dark body.home .item-wrap, html.rs-dark body.home .item-header,
  html.rs-dark body.home .item-header-1, html.rs-dark body.home .item-header-2{ background:var(--rs-dark-lux) !important; }
  /* tanki svijetli border oko CIJELE kartice — SAMO dark tema.
     ⚠️ 2026-07-21: Card V1 NEMA `.item-body-wrap` (to je bila stara v10 klasa); info-panel je sad
     `.item-body`. Zato je stari border ciljao nepostojeci element i u dark temi je kartica ostajala
     BEZ RUBA. U dark modu pozadina sekcije iza kartica == pozadina kartice (rgb 7,17,28) pa se kartica
     bez ovog ruba uopste NE VIDI (stapa se). Rjesenje: okvir na `.item-wrap` (radius 16px + overflow
     hidden vec postoje -> cist zaobljen okvir). Scope .property-cards-module da ne dira lightbox popup.
     Vrijednost 0.28 = korisnikov izbor (0.14 bio preslab na tamnoj). */
  html.rs-dark body.home .property-cards-module .item-wrap{
    border:1px solid rgba(255,255,255,0.28) !important;
  }
  /* SELL sekcija (siva -> tegetna) + tekst svijetli; sivi panel iza "List Your Property" -> tegetna */
  html.rs-dark body.home .elementor-element-5c617a7{ background:var(--rs-dark) !important; }
  html.rs-dark body.home .elementor-element-5c617a7 .elementor-heading-title{ color:#eaf0f8 !important; }
  html.rs-dark body.home .elementor-element-5c617a7 p,
  html.rs-dark body.home .elementor-element-5c617a7 .elementor-widget-text-editor{ color:#c3d0e0 !important; }
  html.rs-dark body.home .elementor-element-1237f99::before{
    background:var(--rs-dark) !important;
    /* zlatne linije na ivicama (kao footer separator) — samo dark, jer tu nema sivog bloka */
    border-top:1px solid transparent !important;
    border-bottom: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;
  }
  /* ===== BOTTOM blok (Our Services + Contact) — LUXURY framed izgled =====
     STRUKTURA / OBLIK / POZICIJE / RAZMACI / SIRINE = OBJE teme (body.home),
     da light i dark izgledaju ISTO po rasporedu. Razlikuju se SAMO BOJE
     (LIGHT = plava var(--rs-blue), DARK = var(--rs-dark-lux)) — nize. */

  /* ---------- STRUKTURA (obje teme) ---------- */
  /* SHELL = okvir oko naslova (cyicuc1n7) + kartica (s2esu9e4c); roditelj = .populated kolone 2z8emhncf */
  body.home .elementor-element-2z8emhncf > .elementor-element-populated{
    position:relative !important;
    max-width:1420px !important; margin-left:auto !important; margin-right:auto !important; /* capiran+centriran (bio pun-sirine -> ogromni bocni razmaci) */
    border:1px solid rgba(var(--rs-gold-lux-rgb),0.38) !important;
    border-radius:18px !important;
    padding:8px 61px 54px !important;   /* gornji 8; bocni 61 -> bocni razmak kartica = donji (75px) */
    box-shadow:0 30px 80px rgba(0,0,0,0.42), inset 0 1px 0 rgba(255,255,255,0.08), inset 0 -1px 0 rgba(var(--rs-gold-lux-rgb),0.22) !important;
    overflow:hidden !important;
  }
  /* gornji zlatni glow (klipan overflow-om) */
  body.home .elementor-element-2z8emhncf > .elementor-element-populated::before{
    content:'' !important; position:absolute !important; left:50% !important; top:-70px !important;
    width:360px !important; height:170px !important; transform:translateX(-50%) !important;
    background:radial-gradient(ellipse at center, rgba(245,198,88,0.28) 0%, rgba(var(--rs-gold-lux-rgb),0.16) 28%, rgba(var(--rs-gold-lux-rgb),0.06) 52%, transparent 75%) !important;
    filter:blur(22px) !important; pointer-events:none !important; z-index:0 !important;
  }
  /* donja zlatna linija sa sjajem */
  body.home .elementor-element-2z8emhncf > .elementor-element-populated::after{
    content:'' !important; position:absolute !important; left:9% !important; right:9% !important; bottom:-1px !important; height:2px !important;
    background:linear-gradient(90deg, transparent, rgba(var(--rs-gold-lux-rgb),0.75), rgba(255,220,130,0.95), rgba(var(--rs-gold-lux-rgb),0.75), transparent) !important;
    box-shadow:0 -8px 24px rgba(var(--rs-gold-lux-rgb),0.22), 0 -2px 10px rgba(var(--rs-gold-lux-rgb),0.32) !important; pointer-events:none !important; z-index:1 !important;
  }
  /* naslov + kartice iznad glowa */
  body.home .elementor-element-cyicuc1n7,
  body.home .elementor-element-s2esu9e4c{ position:relative !important; z-index:2 !important; }
  body.home .elementor-element-s2esu9e4c{ padding-top:4px !important; padding-left:0 !important; padding-right:0 !important; } /* podnaslov->kartice prepolovljeno; bocni padding 0 (daje ga shell) */
  /* kartice popunjavaju shell (skinut 1300 cap koji je centrirao kartice u sirem shellu) */
  body.home .elementor-element-s2esu9e4c > .elementor-container{ max-width:none !important; margin-left:0 !important; margin-right:0 !important; }
  /* zlatna linija ispod naslova "Our Services" + suptilna sjenka */
  body.home .elementor-element-3j3rcx2u1 .elementor-heading-title{ text-shadow:0 0 18px rgba(var(--rs-gold-lux-rgb),0.20), 0 2px 14px rgba(0,0,0,0.35) !important; }
  body.home .elementor-element-3j3rcx2u1 .elementor-heading-title::after{
    content:'' !important; display:block !important; width:140px !important; height:2px !important; margin:14px auto 0 !important;
    background:linear-gradient(90deg, transparent, rgba(var(--rs-gold-lux-rgb),0.9), transparent) !important;
  }
  /* Contact kartica okvir (zlatni border, BEZ drop-sjenke = ravan izgled, na zahtjev) ISTE sirine kao shell (1420) */
  body.home .elementor-element-3ekmrb92a{
    border:1px solid rgba(var(--rs-gold-lux-rgb),0.38) !important;
    border-radius:18px !important;
    box-shadow:none !important;
  }
  body.home .elementor-element-f95d94mvx > .e-con-inner{ max-width:1420px !important; }
  /* JEDNAK + VECI razmak iznad i ispod servis-shella: 70px = 70px */
  body.home .elementor-element-v770fqzvg{ padding-top:70px !important; padding-bottom:70px !important; }

  /* ---------- BOJE: LIGHT tema (plava) ---------- */
  body.home .elementor-element-2z8emhncf > .elementor-element-populated{
    background:
      radial-gradient(circle at 50% 0%, rgba(255,215,120,0.10), transparent 26%),
      var(--rs-blue) !important;
  }
  body.home .elementor-element-3ekmrb92a{ background:var(--rs-blue) !important; }

  /* ---------- BOJE: DARK tema (var(--rs-dark-lux)) ---------- */
  /* pozadina sekcija -> ravna tamna baza (gornji glow uklonjen jer je bio VAN okvira); donji glow ostaje */
  html.rs-dark body.home .elementor-element-v770fqzvg{ background:var(--rs-dark-lux) !important; }
  html.rs-dark body.home .elementor-element-f95d94mvx{
    background:
      radial-gradient(circle at 50% 100%, rgba(var(--rs-gold-lux-rgb),0.08), transparent 35%),
      var(--rs-dark-lux) !important;
  }
  /* shell + contact kartica -> tamna baza */
  html.rs-dark body.home .elementor-element-2z8emhncf > .elementor-element-populated{
    background:
      radial-gradient(circle at 50% 0%, rgba(255,215,120,0.10), transparent 26%),
      var(--rs-dark-lux) !important;
  }
  html.rs-dark body.home .elementor-element-3ekmrb92a{ background:var(--rs-dark-lux) !important; }
  /* KARTICE u dark -> tamno staklo + mekani border + zlatni hover (light kartice = iz sec 17) */
  html.rs-dark body.home .elementor-element-s2esu9e4c .elementor-widget-image-box{
    border:1px solid rgba(255,255,255,0.09) !important;
    background:linear-gradient(180deg, rgba(17,34,52,0.72), rgba(8,20,33,0.76)) !important;
    box-shadow:0 16px 38px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.05) !important;
    transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease !important;
  }
  html.rs-dark body.home .elementor-element-s2esu9e4c .elementor-widget-image-box:hover{
    transform:translateY(-4px) !important;
    border-color:rgba(var(--rs-gold-lux-rgb),0.42) !important;
    background:linear-gradient(180deg, rgba(22,43,64,0.84), rgba(10,25,40,0.88)) !important;
    box-shadow:0 22px 50px rgba(0,0,0,0.34), 0 0 28px rgba(var(--rs-gold-lux-rgb),0.08), inset 0 1px 0 rgba(255,255,255,0.07) !important;
  }
  /* Contact vila-slika zatamnjena SAMO u dark (u light ostaje svijetla/vidljiva) */
  html.rs-dark body.home .elementor-element-e4dt2kmng{ box-shadow:inset 0 0 0 2000px rgba(var(--rs-dark-lux-rgb),0.74) !important; }