/* ================================================================== 12) CONTACT STRANICA (page-id-16941) — WhatsApp dugme + "List your property" CTA Markup: contact-section.html (dva Elementor "HTML" widgeta) KONTEKST: Contact stranica je imala DEMO podatke iz teme ("1667 Collins Ave, Miami Beach", "Sales@yourwebsite.com", "+1 987 654 321") i POKVAREN Houzez inquiry widget koji je posjetiocima ispisivao "Please install and activate Houzez CRM plugin.". Korisnik je 2026-07-14 sam u Elementoru sredio adresu, email/telefon i formu. Ovdje su SAMO dvije stvari koje Elementor ne daje: A) .rs-wa-btn — WhatsApp dugme (ide uz email/telefon listu) B) .rs-contact-cta — "List your property" CTA (puna sirina, nize na stranici) BOJE: iskljucivo iz globalne palete (css/02 :root) — nista izmisljeno. Izuzetak: WhatsApp zelena #25d366 je BRAND boja WhatsApp-a — namjerno, da dugme bude prepoznatljivo (korisnici je traze okom). TEMA: svijetla = default; tamna = `html.rs-dark` (prekidac stavlja klasu na ). DUGMAD: zlatni gradient + TAMAN tekst (#1a1205) — nikad solid akcent + bijeli tekst. TIPOGRAFIJA: clamp() (fluidno), bez tjuninga po rezoluciji. Bez `zoom`. Klase prefiksovane (rs-wa-*, rs-cta-*, rs-contact-cta) da ne cure u Houzez/Elementor. ================================================================== */ /* ================= KOMPLET: EMAIL + PHONE + WHATSAPP ================= Korisnik (2026-07-15): "sredi vizuelno, tako je razlicito" — mejl i telefon su bili goli redovi teksta (Elementor icon-list ef08bf9), a WhatsApp puna kartica -> nisu isli zajedno. Sad su SVA TRI ista kartica (ikona u krugu + naslov + vrijednost), razlikuju se samo AKCENTOM: Email = zlatna, Phone = plava (tematska), WhatsApp = zelena (brand). Mejl/telefon se stiluju BEZ diranja Elementora — icon-list
  • se pretvara u karticu, a naslov ("Email"/"Call us") dolazi iz CSS `content` (Elementor stavka ima samo vrijednost). Klikabilnost (mailto/tel/kopiraj) rjesava inc/12-contact-copy.php. */ /* zajednicka geometrija sve tri kartice ⚠️ !important je NUZAN: Elementor za widget ef08bf9 generise vlastita pravila vece specificnosti (.elementor-16941 .elementor-element.elementor-element-ef08bf9 ...) koja inace pregaze padding i font-size. Bez toga su kartice bile razlicitih visina (66/74/68) i tekst 18px umjesto naseg clamp-a. */ body.page-id-16941 .elementor-element-ef08bf9 .elementor-icon-list-item, .rs-wa-btn{ display:flex !important; align-items:center !important; gap:13px !important; width:100% !important; max-width:420px !important; box-sizing:border-box !important; min-height:68px !important; /* sve tri iste visine */ margin:0 !important; padding:13px 20px 13px 14px !important; border-radius:12px !important; text-decoration:none !important; transition:transform .18s, background .18s, border-color .18s, box-shadow .18s; } body.page-id-16941 .elementor-element-ef08bf9 .elementor-icon-list-item:hover, .rs-wa-btn:hover{ transform:translateY(-2px); } /* razmak izmedju kartica */ body.page-id-16941 .elementor-element-ef08bf9 .elementor-icon-list-items{ display:flex !important; flex-direction:column !important; gap:12px !important; margin:0 !important; padding:0 !important; list-style:none !important; } body.page-id-16941 .elementor-element-ef08bf9{ margin-bottom:0 !important; } /* WhatsApp HTML widget je sad U ISTOJ koloni (a2ee9c5) kao lista. Ta kolona je flex-column sa `gap:20px`, pa bi razmak telefon->WhatsApp bio 20px umjesto 12px kao izmedju ostalih kartica. -8px ponistava razliku: 20 (gap kontejnera) - 8 = 12. */ body.page-id-16941 .elementor-widget-html:has(.rs-wa-btn){ margin-top:-8px !important; } /* --- ikona u krugu (sve tri) --- */ body.page-id-16941 .elementor-element-ef08bf9 .elementor-icon-list-icon, .rs-wa-ico{ flex:none !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:40px !important; height:40px !important; border-radius:50% !important; margin:0 !important; padding:0 !important; } body.page-id-16941 .elementor-element-ef08bf9 .elementor-icon-list-icon svg{ width:20px !important; height:20px !important; fill:currentColor !important; } /* --- tekst: naslov (iz CSS content) + vrijednost --- */ body.page-id-16941 .elementor-element-ef08bf9 .elementor-icon-list-text{ display:flex !important; flex-direction:column !important; gap:2px !important; padding:0 !important; font-size:clamp(11.5px,.85vw,13px) !important; line-height:1.35 !important; color:rgba(28,43,63,.62) !important; } body.page-id-16941 .elementor-element-ef08bf9 .elementor-icon-list-text::before{ font-size:clamp(14px,1.02vw,16px); font-weight:700; line-height:1.25; color:#1c2b3f; } /* ⚠️ 2026-07-23 PREVOD: ovi naslovi 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 / en). PODRAZUMIJEVANO = CRNOGORSKI (vazi i prije nego JS odradi -> nema bljeska engleskog). */ body.page-id-16941 .elementor-element-ef08bf9 .elementor-icon-list-item:nth-child(1) .elementor-icon-list-text::before{ content:"Email"; } body.page-id-16941 .elementor-element-ef08bf9 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-text::before{ content:"Pozovite nas"; } html[lang="en"] body.page-id-16941 .elementor-element-ef08bf9 .elementor-icon-list-item:nth-child(2) .elementor-icon-list-text::before{ content:"Call us"; } html.rs-dark body.page-id-16941 .elementor-element-ef08bf9 .elementor-icon-list-text{ color:rgba(231,238,247,.60); } html.rs-dark body.page-id-16941 .elementor-element-ef08bf9 .elementor-icon-list-text::before{ color:#e7eef7; } /* --- KARTICE: SVIJETLOPLAVA UNUTRASNJOST (kao polja forme) + ZLATNI RAM/IKONICE --- Korisnik (2026-07-15): "te tabove stavi da su unutra svijetlo plavi kao forma desno". -> pozadina (fill) svih triju = ista svijetloplava kao polja forme (tint --rs-blue), a RAM i IKONICE ostaju ZLATNE (identitet). Ranije je i fill bio zlatni tint. */ body.page-id-16941 .elementor-element-ef08bf9 .elementor-icon-list-item, .rs-wa-btn{ background:rgba(var(--rs-blue-rgb),.08) !important; /* = polja forme (svijetla tema) */ border:1px solid var(--rs-border-gold) !important; /* zlatni ram ostaje */ } body.page-id-16941 .elementor-element-ef08bf9 .elementor-icon-list-item:hover, .rs-wa-btn:hover{ background:rgba(var(--rs-blue-rgb),.14) !important; border-color:rgba(var(--rs-gold-rgb),.70) !important; box-shadow:0 12px 30px rgba(var(--rs-blue-rgb),.16); } /* TAMNA tema: fill kao tamna polja forme (nema svijetloplave na tamnoj) */ html.rs-dark body.page-id-16941 .elementor-element-ef08bf9 .elementor-icon-list-item, html.rs-dark .rs-wa-btn{ background:rgba(var(--rs-dark-card-rgb),.9) !important; } html.rs-dark body.page-id-16941 .elementor-element-ef08bf9 .elementor-icon-list-item:hover, html.rs-dark .rs-wa-btn:hover{ background:rgba(var(--rs-dark-card-rgb),1) !important; box-shadow:0 12px 30px rgba(0,0,0,.40); } /* ikonica: zlatan krug + taman glif (isto pravilo kao za zlatnu dugmad — nikad bijeli tekst) */ body.page-id-16941 .elementor-element-ef08bf9 .elementor-icon-list-icon, .rs-wa-ico{ background:var(--rs-gold) !important; color:#1a1205 !important; } /* Elementorove ugradjene ikonice (@ i telefon) imaju crtez pomjeren ~3px ulijevo u svom 24x24 viewBox-u -> "bjeze" iz centra kruga. Nudge nazad u centar (WhatsApp je moj SVG, centriran). */ body.page-id-16941 .elementor-element-ef08bf9 .elementor-icon-list-icon svg{ transform:translateX(3px) !important; } .rs-wa-txt{ display:flex; flex-direction:column; gap:2px; } .rs-wa-title{ font-size:clamp(14px,1.02vw,16px); font-weight:700; line-height:1.25; color:#1c2b3f; } .rs-wa-sub{ font-size:clamp(11.5px,.85vw,13px); line-height:1.35; color:rgba(28,43,63,.62); } html.rs-dark .rs-wa-title{ color:#e7eef7; } html.rs-dark .rs-wa-sub{ color:rgba(231,238,247,.60); } /* ================= FORMA (desna kolona) — PORAVNATA S LIJEVOM ================= Korisnik (2026-07-15): "desno kontakt postaviti da je iste visine kao ovo lijevo". Kolone SU bile iste visine (obje 225->974), ali je desna imala `justify-content:center` pa je forma "plutala" u sredini: pocinjala je 142px nize od naslova i zavrsavala 143px iznad WhatsAppa -> izgledalo neuravnotezeno. FIX: kolona se poravna na VRH, a forma se rastegne kroz cijelu visinu kolone; visak visine upija polje "Message" (textarea raste), pa Submit pada tacno u dno = poravnat s dnom lijeve strane. Sve u flex lancu widget -> container -> form -> fields-wrapper. Elementi: kolona 6004941, form widget 484c4ff. Samo desktop (>=1025): ispod toga se kolone ionako slazu jedna ispod druge pa rastezanje nema smisla. */ @media (min-width:1025px){ body.page-id-16941 .elementor-element-6004941{ justify-content:flex-start !important; /* bilo: center (forma je plutala) */ /* ⭐ 2026-07-15 (korisnik): "forma desno prekratka, gore previsoka; neka se poklopi desno sa CTA karticom ispod, a gore neka bude u ravni s 'Contact us'". Red je CSS GRID sirine 1260 (131->1391), gap 100 -> svaka staza 580. Desna kolona je zauzimala samo 416 od 580 (otud uska forma) i pocinjala 65px iznad naslova. width:100% -> kolona popuni svoju stazu (811 -> 1391) padding-right:0 -> desna ivica FORME pada tacno na 1391 padding-top:65 -> vrh forme pada tacno na vrh "Contact us" (kolona krece 225, naslov 290) Brojevi su vezani za FIKSNE paddinge (ne za sirinu ekrana), pa poravnanje vazi na svim desktop sirinama — provjereno na 1194/1536/2560. */ width:100% !important; padding-right:0 !important; padding-top:65px !important; } body.page-id-16941 .elementor-element-484c4ff{ flex:1 1 auto !important; display:flex !important; height:auto !important; } body.page-id-16941 .elementor-element-484c4ff > .elementor-widget-container{ flex:1 1 auto; display:flex; height:auto !important; } body.page-id-16941 .elementor-element-484c4ff form.elementor-form{ flex:1 1 auto; display:flex; flex-direction:column; height:auto !important; } /* fields-wrapper je Elementorov flex RED s prelamanjem (align-content:flex-start), pa je visak visine ostajao prazan ispod polja. Sva polja su ionako pune sirine -> pretvaramo ga u KOLONU, tako da "Message" grupa moze da raste i gurne Submit u dno. */ body.page-id-16941 .elementor-element-484c4ff .elementor-form-fields-wrapper{ flex:1 1 auto !important; flex-direction:column !important; flex-wrap:nowrap !important; align-content:stretch !important; } body.page-id-16941 .elementor-element-484c4ff .elementor-field-group{ width:100% !important; max-width:100% !important; flex:0 0 auto !important; } /* grupa koja sadrzi "Message" raste; textarea puni tu grupu */ body.page-id-16941 .elementor-element-484c4ff .elementor-field-group:has(textarea){ flex:1 1 auto !important; display:flex !important; flex-direction:column !important; } body.page-id-16941 .elementor-element-484c4ff .elementor-field-group:has(textarea) textarea{ flex:1 1 auto !important; height:auto !important; min-height:140px !important; } } /* ================= B) "LIST YOUR PROPERTY" CTA ================= */ /* Sirina/pozicija: CTA se poravnava sa SADRZAJEM iznad — lijeva ivica na "Contact us" (= kontejner + 40px fiksnih paddinga), desna na desnu ivicu forme (= kontejner - 10px). Zato margine umjesto `max-width:auto` centriranja: tako se ivice poklapaju na SVAKOJ desktop sirini (paddinzi su fiksni, ne zavise od vw). Mobilni ima svoj blok nize. */ .rs-contact-cta{ display:flex; align-items:center; gap:clamp(26px,2.6vw,44px); /* veci razmak logo<->tekst (bio 16-26) */ margin:clamp(28px,2.6vw,40px) 20px 0 40px; /* desno 20 = desna ivica FORME (Elementor formi ostaje 10px unutrasnjeg razmaka) */ padding:clamp(22px,2.2vw,32px); border-radius:var(--rs-radius-lg); /* TIRKIZNA iz app-logoa (korisnik 2026-07-15): svjetlija LIJEVO (gdje je logo) -> tamnija DESNO (gdje je dugme). Boje su izvucene iz same ikonice (teal podloga), namjerno nova brend-boja po zahtjevu korisnika (nije iz :root palete). */ --rs-teal-l:#155a61; /* svjetlija tirkizna (lijevo) */ --rs-teal-d:#0a2f34; /* tamnija tirkizna (desno) */ background:linear-gradient(100deg, var(--rs-teal-l) 0%, var(--rs-teal-d) 100%); border:1px solid var(--rs-border-gold); text-decoration:none !important; box-shadow:var(--rs-shadow-soft); transition:transform .18s, box-shadow .18s; } /* tamna tema: ista tirkizna, malo produbljena da sjedne uz tamnu pozadinu */ html.rs-dark .rs-contact-cta{ --rs-teal-l:#124e54; --rs-teal-d:#08262a; } .rs-contact-cta:hover{ transform:translateY(-2px); box-shadow:0 22px 54px rgba(var(--rs-blue-rgb),.30); } html.rs-dark .rs-contact-cta:hover{ box-shadow:0 22px 54px rgba(0,0,0,.50); } /* ⚠️ SVE .rs-cta-* klase su SCOPE-ovane na `.rs-contact-cta` — klasa `.rs-cta-btn` VEC POSTOJI na pocetnoj (Call/Email/WhatsApp dugmad na property karticama)! Bez scope-a je moje pravilo curilo na pocetnu i uvecavalo ta dugmad (uppercase + letter-spacing + padding 14/24). Nikad ne stilizovati golu `.rs-cta-btn` — uvijek kroz `.rs-contact-cta`. [[feedback_do_what_asked]] (scope da ne curi). */ .rs-contact-cta .rs-cta-ico{ flex:none; display:inline-flex; align-items:center; justify-content:center; width:clamp(88px,7.5vw,112px); height:clamp(88px,7.5vw,112px); border-radius:20px; overflow:hidden; /* bez zlatnog ruba (korisnik 2026-07-15); crop skriva sum po ivicama PNG-a */ } /* app ikonica (RealScan logo, PNG prozirna pozadina) — ispuni okvir, zadrzi kvadrat. scale(1.15): slika je kvadrat kao okvir pa `cover` ne kropuje sam -> prozirna margina i sum po ivicama PNG-a bi se vidjeli. Blagi zoom + overflow:hidden na okviru ih odsijeca. */ .rs-contact-cta .rs-cta-ico img{ width:100%; height:100%; object-fit:cover; display:block; transform:scale(1.15); } .rs-contact-cta .rs-cta-text{ display:flex; flex-direction:column; gap:6px; flex:1 1 auto; } .rs-contact-cta .rs-cta-title{ font-family:var(--rs-serif); font-size:clamp(19px,1.55vw,26px); font-weight:700; line-height:1.25; color:#fff; } .rs-contact-cta .rs-cta-sub{ font-size:clamp(13px,.98vw,15.5px); line-height:1.6; color:rgba(255,255,255,.72); max-width:56ch; } .rs-contact-cta .rs-cta-btn{ flex:none; display:inline-flex; align-items:center; gap:10px; padding:14px 24px; border-radius:9px; background:linear-gradient(180deg,var(--rs-gold-2),var(--rs-gold)); border:1px solid var(--rs-border-gold); color:#1a1205; /* TAMAN tekst na zlatnom — nikad bijeli */ font-weight:700; font-size:clamp(11.5px,.88vw,13px); letter-spacing:.14em; text-transform:uppercase; white-space:nowrap; box-shadow:inset 0 1px 0 rgba(255,255,255,.34); transition:filter .16s; } .rs-contact-cta:hover .rs-cta-btn{ filter:brightness(1.05); } /* ================= RESPONSIVE ================= <=1024 (tablet): CTA se lomi — dugme ide pod tekst, puna sirina. <=760 (telefon): WhatsApp dugme puna sirina; CTA tjesnji padding. */ @media (max-width:1024px){ /* Vertikalni raspored: CTA se poravnava lijevom/desnom ivicom sa SADRZAJEM iznad (Email/Phone kartice su na left:20 / right sadrzaja). Desktop margina (0 20 0 40 = lijevo 40) je vazila za 2-kolonski desktop i gurala CTA ~30px udesno u odnosu na kartice u jednokolonskom modu (761-1024). 10px lijevo/ desno (uz 10px wrappera) = tacno 20 kao kartice. 2026-07-15 (korisnik: "u liniji sa sadrzajem gore"). */ .rs-contact-cta{ flex-wrap:wrap; margin-left:10px !important; margin-right:10px !important; gap:16px !important; } /* LOGO LIJEVO + TEKST DESNO OD LOGOA (korisnik: "preglednije"). Bilo: tekst flex 1 1 100% -> padao ispod logoa. Sad tekst dijeli red s logoom (flex 1 1 0 + min-width:0 da moze da se skuplja), dugme puna sirina ispod. */ .rs-contact-cta .rs-cta-ico{ order:1; } .rs-contact-cta .rs-cta-text{ order:2; flex:1 1 0; min-width:0; } .rs-contact-cta .rs-cta-btn{ order:3; flex:1 1 100%; width:100%; justify-content:center; } } @media (max-width:760px){ .rs-wa-btn{ width:100%; box-sizing:border-box; } /* na telefonu: tjesnji unutrasnji padding (margine su u ≤1024 bloku iznad) */ .rs-contact-cta{ padding:22px; } } /* TELEFON PORTRET (≤600): logo|tekst u redu je pretijesno (tekst se lomi u ~6 redova pored 88px logoa, djeluje zbijeno). Korisnik (2026-07-15): logo GORE LIJEVO, naslov+tekst punom sirinom ISPOD, dugme na dnu. Tekst nazad na `flex 1 1 100%` (prelomi u svoj red ispod logoa); logo ostaje gore-lijevo (order 1, svoja sirina), dugme puna sirina (order 3). Tablet 601-1024 zadrzava logo|tekst u redu. */ @media (max-width:600px){ .rs-contact-cta .rs-cta-text{ flex:1 1 100%; } } /* ================= VERTIKALNI RASPORED (≤1024) — REDOSLIJED: TEKST → FORMA → EMAIL/PHONE ========== Korisnik (2026-07-15): kad je stranica u jednoj koloni (mobilni/tablet portret), forma treba da ide ODMAH ispod uvodnog teksta, a Email/Phone/WhatsApp kartice ISPOD forme. Do sada je bilo: tekst → kartice → forma. Zasto nije trivijalno: grid (94b6a23) ima 2 celije — LIJEVA (f66d640) drzi ZAJEDNO uvodni tekst (493c285) I kartice (a2ee9c5); DESNA je forma (6004941). Prosto zamjena celija bi gurnula i tekst ispod forme. Rjesenje: lijeva celija -> `display:contents` (nestane kao okvir, ali joj djeca — tekst i kartice — postanu direktna djeca grida), grid -> flex-kolona, pa `order`: tekst 1, forma 2, kartice 3. f66d640 nema padding/pozadinu/ram (samo flex gap 20) pa je display:contents bezbjedan; gap preuzima flex roditelj. Opseg ≤1024 = tacno gdje je grid vec jednokolonski (≥1025 su dvije kolone, netaknuto). */ @media (max-width:1024px){ body.page-id-16941 .elementor-element-94b6a23{ display:flex !important; flex-direction:column !important; gap:26px !important; } body.page-id-16941 .elementor-element-f66d640{ display:contents !important; } body.page-id-16941 .elementor-element-493c285{ order:1 !important; } /* uvodni tekst (naslov + paragraf) */ body.page-id-16941 .elementor-element-6004941{ order:2 !important; } /* kontakt forma */ body.page-id-16941 .elementor-element-a2ee9c5{ order:3 !important; } /* Email / Phone / WhatsApp kartice */ } /* ================= TABLET PORTRET (601-1024): VISE PRAZNOG PROSTORA + SIMETRIJA ================= Korisnik (2026-07-15): na tablet-portretu je sadrzaj bio preblizu ivica (20px) — povecati razmak lijevo/desno i da lijevo == desno. (1) Boxed kontejner b7c8cb6 (padding 10 -> 40) gura SAV sadrzaj (tekst/forma/kartice/CTA) simetricno ka centru; svi vec dijele isti kontejner pa ostaju poravnati (bilo 20/20 -> sad 50/50 od ivice). (2) Forma (kolona 6004941) je na tabletu drzala Elementorovu kolonsku sirinu (~569 od 779) pa je bila uza od kartica -> `width:100%` da se rastegne ista kao ostalo (na telefonu se vec rastezala). Opseg 601-1024: telefon (≤600, odobren) i desktop (≥1025, 2 kolone) NETAKNUTI. */ @media (min-width:601px) and (max-width:1024px){ body.page-id-16941 .elementor-element-b7c8cb6{ padding-left:40px !important; padding-right:40px !important; } body.page-id-16941 .elementor-element-6004941{ width:100% !important; max-width:100% !important; } } /* ================= POLJA FORME: SVIJETLOPLAVA (svijetla) + POPRAVKA TAMNE ============ Korisnik (2026-07-15): (1) "te tabove stavi da su plavi, nasa svijetloplava" -> polja First/Last/Email/Message dobijaju svijetloplavu pozadinu (tint tematske --rs-blue), umjesto bijele. (2) "tamna ne radi kako treba, ima mnogo bijele" -> u dark temi su ostajali BIJELI: (a) cijela boxed pozadina stranice (Elementor kontejner b7c8cb6) i (b) polja forme. Polja su Elementor form widget (484c4ff): input.elementor-field + textarea. Sve scope-ovano na body.page-id-16941 da ne curi na druge stranice/forme. */ /* --- (1) SVIJETLA TEMA: polja svijetloplava --- */ body.page-id-16941 .elementor-element-484c4ff .elementor-field.form-control, body.page-id-16941 .elementor-element-484c4ff textarea.elementor-field-textual, body.page-id-16941 .elementor-element-484c4ff input.elementor-field{ background-color:rgba(var(--rs-blue-rgb),.08) !important; /* svijetloplavi tint tematske plave */ border:1px solid rgba(var(--rs-blue-rgb),.30) !important; color:#1c2b3f !important; border-radius:10px !important; } body.page-id-16941 .elementor-element-484c4ff .elementor-field::placeholder{ color:rgba(28,43,63,.55) !important; } body.page-id-16941 .elementor-element-484c4ff .elementor-field:focus{ background-color:rgba(var(--rs-blue-rgb),.13) !important; border-color:rgba(var(--rs-blue-rgb),.55) !important; outline:none !important; box-shadow:0 0 0 3px rgba(var(--rs-blue-rgb),.14) !important; } /* --- (2) TAMNA TEMA: ubij bijelo --- */ /* (a) boxed pozadina cijele stranice -> tamna (bila bijela rgb(255,255,255)) */ html.rs-dark body.page-id-16941 .elementor-element-b7c8cb6, html.rs-dark body.page-id-16941 .content-wrap{ background-color:var(--rs-dark) !important; } /* naslov "Contact us" + intro tekst -> svijetli */ html.rs-dark body.page-id-16941 .elementor-element-b6c8014 .elementor-heading-title{ color:#eaf0f8 !important; } html.rs-dark body.page-id-16941 .elementor-element-18b9d67, html.rs-dark body.page-id-16941 .elementor-element-18b9d67 *{ color:rgba(231,238,247,.82) !important; } /* (b) polja forme -> tamna kartica + svijetli tekst */ html.rs-dark body.page-id-16941 .elementor-element-484c4ff .elementor-field.form-control, html.rs-dark body.page-id-16941 .elementor-element-484c4ff textarea.elementor-field-textual, html.rs-dark body.page-id-16941 .elementor-element-484c4ff input.elementor-field{ background-color:rgba(var(--rs-dark-card-rgb),.9) !important; border-color:rgba(255,255,255,.14) !important; color:#e7eef7 !important; } html.rs-dark body.page-id-16941 .elementor-element-484c4ff .elementor-field::placeholder{ color:rgba(231,238,247,.50) !important; } html.rs-dark body.page-id-16941 .elementor-element-484c4ff .elementor-field:focus{ background-color:rgba(var(--rs-dark-card-rgb),1) !important; border-color:var(--rs-border-gold) !important; box-shadow:0 0 0 3px rgba(var(--rs-gold-rgb),.16) !important; } /* labele forme (First Name/Last Name/Email/Message) -> svijetle */ html.rs-dark body.page-id-16941 .elementor-element-484c4ff label, html.rs-dark body.page-id-16941 .elementor-element-484c4ff .elementor-field-label{ color:#eaf0f8 !important; }