.elementor-202 .elementor-element.elementor-element-6b59287{--display:flex;--gap:0px 20px;--row-gap:0px;--column-gap:20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-202 .elementor-element.elementor-element-dca2b3f{background-color:#EAF6FB;padding:10px 10px 10px 10px;border-radius:20px 20px 20px 20px;color:#1A4371;}.elementor-202 .elementor-element.elementor-element-5c7fbf8{--display:flex;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-202 .elementor-element.elementor-element-87837ca > .elementor-widget-container{border-radius:15px 15px 15px 15px;}}/* Start custom CSS for container, class: .elementor-element-6b59287 *//* ==========================================================================
   Moj Lekar — Custom CSS za WPForms

   KORAK 1: Otvori formu u WPForms builderu → Settings → General →
            "Form CSS Class" → upiši: mojlekar-forma

   KORAK 2: Ovaj ceo CSS nalepi u Appearance → Customize → Additional CSS
            (radi na svakoj WP temi, bez plugina). Ako sajt koristi
            Elementor Pro, može i Site Settings → Custom CSS.

   Sve dole je namerno vezano za klasu .mojlekar-forma da ne bi uticalo
   na druge forme na sajtu.
   ========================================================================== */

/* ---------- Boje i osnovne varijable ----------
   Plava i cijan su izvučene direktno iz Moj Lekar loga (analiza piksela). */
.wpforms-container.mojlekar-forma{
  --ml-primary:#1a4371;
  --ml-primary-dark:#123152;
  --ml-accent:#42aacd;
  --ml-bg:#fbfdfe;
  --ml-text:#152431;
  --ml-muted:#64717e;
  --ml-red:#e0483e;
  --ml-red-bg:#fdecea;
  --ml-orange:#e08a2e;
  --ml-orange-bg:#fdf3e6;
  --ml-green:#209a5b;
  --ml-green-bg:#e9f8ef;
  --ml-radius:16px;
}

/* ---------- Kartica / kontejner forme ----------
   Napomena: WPForms/tema ima pravilo "div.wpforms-container-full:not(:empty)"
   koje po specifičnosti pobeđuje običnu ".wpforms-container.mojlekar-forma"
   (dodatni "div" u selektoru mu daje prednost). Zato ide !important. */
.wpforms-container.mojlekar-forma{
  background:#ffffff !important;
  border-radius:var(--ml-radius) !important;
  box-shadow:0 12px 40px rgba(16,60,55,0.10), 0 2px 8px rgba(16,60,55,0.05) !important;
  padding:32px 28px !important;
  border:1px solid #eaf0f5 !important;
  max-width:580px !important;
  margin:0 auto !important;
}

/* ---------- Naslov i opis forme ---------- */
.wpforms-container.mojlekar-forma .wpforms-title{
  font-size:22px;
  font-weight:800;
  color:var(--ml-text);
  text-align:center;
  letter-spacing:-.01em;
}
.wpforms-container.mojlekar-forma .wpforms-description{
  font-size:15px;
  color:var(--ml-muted);
  text-align:center;
  line-height:1.6;
}

/* ---------- Labele i polja ---------- */
.wpforms-container.mojlekar-forma .wpforms-field{
  padding:0 0 18px 0 !important;
}
.wpforms-container.mojlekar-forma .wpforms-field-label{
  font-size:13.5px;
  font-weight:700;
  color:var(--ml-text);
  margin-bottom:7px;
}
.wpforms-container.mojlekar-forma input[type=text],
.wpforms-container.mojlekar-forma input[type=email],
.wpforms-container.mojlekar-forma input[type=tel],
.wpforms-container.mojlekar-forma input[type=number],
.wpforms-container.mojlekar-forma select{
  width:100%;
  padding:13px 15px !important;
  border:1.5px solid #dae3ec !important;
  border-radius:12px !important;
  font-size:15.5px !important;
  background:var(--ml-bg) !important;
  color:var(--ml-text);
  transition:border-color .15s, box-shadow .15s;
}
.wpforms-container.mojlekar-forma input::placeholder{color:#a9b6b4;}
.wpforms-container.mojlekar-forma input:focus,
.wpforms-container.mojlekar-forma select:focus{
  outline:none;
  border-color:var(--ml-accent) !important;
  box-shadow:0 0 0 4px rgba(66,170,205,0.18);
}

/* ---------- Telefon (WPForms Smart Phone Field / intl-tel-input) ----------
   VAŽNO: kontejner sa zastavom je ~47px širok i apsolutno pozicioniran preko
   levog dela inputa. Pravilo iznad (padding:13px 15px) bi gurnulo broj ispod
   zastave, pa ovde vraćamo levi padding. Selektor mora da sadrži i
   input[type=tel] da bi po specifičnosti pobedio pravilo iznad. */
.wpforms-container.mojlekar-forma input[type=tel].iti__tel-input,
.wpforms-container.mojlekar-forma input[type=tel].wpforms-smart-phone-field{
  padding-left:58px !important;
}

/* ==========================================================================
   Parovi polja u jednom redu — Visina/Težina i Ime/Prezime
   NIKAD se ne lome u dva reda, ni na najužem telefonu.

   Zašto su se lomili: flex elementi podrazumevano imaju min-width:auto, što
   znači da NE SMEJU da se skupe ispod širine svog sadržaja. Kad ekran postane
   uzak, umesto da se suze, ispadaju iz reda. Ključ je min-width:0 — tek tada
   smeju da se skupljaju i ostaju jedno pored drugog.
   Provereno uživo: na kontejneru od 340px oba polja ostaju u redu (151px
   svako), bez prelivanja.

   Napomena o gap-u: WPForms već daje blokovima po 10px paddinga za razmak,
   pa gap MORA biti 0 — inače se sabere i polja ispadnu pomerena za ~14px
   u odnosu na Email/Grad ispod njih.
   ========================================================================== */

/* Visina / Težina (WPForms Layout polje) */
.wpforms-container.mojlekar-forma .wpforms-layout-row{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
}
.wpforms-container.mojlekar-forma .wpforms-layout-row > .wpforms-layout-column{
  flex:1 1 50% !important;
  width:50% !important;
  min-width:0 !important;
  display:block !important;
  float:none !important;
}

/* Ime / Prezime (WPForms Name polje) */
.wpforms-container.mojlekar-forma .wpforms-field-name .wpforms-field-row,
.wpforms-container.mojlekar-forma .wpforms-field-row{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  gap:0 !important;
}
.wpforms-container.mojlekar-forma .wpforms-field-row > .wpforms-field-row-block{
  flex:1 1 50% !important;
  width:50% !important;
  min-width:0 !important;
  max-width:none !important;
}

/* Inputi takođe moraju da smeju da se skupe (WPForms im daje max-width) */
.wpforms-container.mojlekar-forma .wpforms-layout-column input,
.wpforms-container.mojlekar-forma .wpforms-field-row-block input{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
}

/* ---------- Dugme "Izračunaj" / "Pošalji" ---------- */
.wpforms-container.mojlekar-forma button[type=submit],
.wpforms-container.mojlekar-forma .wpforms-submit,
.wpforms-container.mojlekar-forma .wpforms-page-button{
  width:100%;
  padding:0px 15px 0px 15px !important;
  border:none !important;
  border-radius:12px !important;
  background:var(--ml-primary) !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:700 !important;
  box-shadow:0 6px 16px rgba(26,67,113,0.26);
  transition:transform .12s, background .15s, box-shadow .15s;
}
.wpforms-container.mojlekar-forma button[type=submit]:hover,
.wpforms-container.mojlekar-forma .wpforms-submit:hover,
.wpforms-container.mojlekar-forma .wpforms-page-button:hover{
  background:var(--ml-primary-dark) !important;
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(18,49,82,0.30);
}

/* Dugme "Izmeni" (Page Break "Previous" dugme) — sekundarni link stil */
.wpforms-container.mojlekar-forma .wpforms-page-button.wpforms-page-prev{
  background:transparent !important;
  color:var(--ml-primary-dark) !important;
  box-shadow:none !important;
  font-weight:700 !important;
  text-decoration:underline;
  width:auto !important;
  padding:0 !important;
  font-size:13.5px !important;
  margin-top:10px;
}
.wpforms-container.mojlekar-forma .wpforms-page-button.wpforms-page-prev:hover{
  background:transparent !important;
  color:var(--ml-primary) !important;
  transform:none;
}

/* ==========================================================================
   "Izmeni podatke" (Previous dugme) — premeštanje na pravo mesto
   Uživo na /milica sam proverio: WPForms uvek renderuje "Previous" dugme
   kao POSLEDNJE polje na stranici (posle svih kontakt polja), bez obzira
   gde ga postaviš u builderu — to je fiksno ponašanje Page Break dodatka.
   Rešenje: flexbox "order" — vizuelno ga vraćamo odmah posle rezultata,
   iako u HTML-u i dalje fizički stoji na dnu.
   ========================================================================== */
.wpforms-container.mojlekar-forma .wpforms-page-2{
  /* BEZ !important ovde namerno — WPForms sakriva ovu stranicu inline
     stilom "display:none" dok nije aktivna. !important bi to nadjačao
     i prikazao Korak 1 i Korak 2 istovremeno (to se upravo desilo). */
  display:flex;
  flex-direction:column;
}
/* podrazumevano, sva polja idu posle rezultata/objašnjenja/dugmeta */
.wpforms-container.mojlekar-forma .wpforms-page-2 > .wpforms-field{
  order:4;
}
/* BMI rezultat (koji god od 3 je trenutno prikazan) — na vrh */
.wpforms-container.mojlekar-forma .wpforms-page-2 #wpforms-191-field_18-container,
.wpforms-container.mojlekar-forma .wpforms-page-2 #wpforms-191-field_36-container,
.wpforms-container.mojlekar-forma .wpforms-page-2 #wpforms-191-field_37-container{
  order:1 !important;
}
/* "Izmeni podatke" (Previous) odmah ispod rezultata — testirano uživo,
   ovde deluje prirodno; ako ide posle CTA naslova, vizuelno prekida formu */
.wpforms-container.mojlekar-forma .wpforms-page-2 #wpforms-191-field_17-container{
  order:2 !important;
  margin:0 !important;
  padding:0 !important;
}
/* CTA naslov i tekst ispod dugmeta "Izmeni podatke" */
.wpforms-container.mojlekar-forma .wpforms-page-2 #wpforms-191-field_39-container,
.wpforms-container.mojlekar-forma .wpforms-page-2 #wpforms-191-field_42-container{
  order:3 !important;
  padding-top:8px !important;
}

/* ==========================================================================
   Progress indikator — traka IZNAD kartice, tekst PORED trake

   Å ta je popravljeno u odnosu na prethodnu verziju:
   • gradijent uklonjen → jedna čista boja (cijan iz loga)
   • traka je sad pilula, zaobljena sa OBE strane (border-radius:999px na
     samoj popuni; ranije je belu pregradu na sredini presecala desni kraj
     pa je delovala odsečeno — pregrada je uklonjena)
   • "KORAK 1 OD 2" više nije iznad trake nego u istom redu sa njom
     (indikator je flex; tekst levo, traka zauzima ostatak reda)
   • traka je izvučena IZNAD bele kartice, pa više ne upada u njenu senku
     (kartica dobija position:relative, indikator position:absolute)
   ========================================================================== */
.wpforms-container.mojlekar-forma{
  position:relative !important;
  margin-top:58px !important;  /* mesto za traku iznad kartice */
}
.wpforms-container.mojlekar-forma .wpforms-page-indicator.progress{
  position:absolute !important;
  left:0 !important; right:0 !important; top:-34px !important;
  margin:0 !important;
  border:none !important;
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
}
/* tekst ostaje u jednom redu, ne lomi se */
.wpforms-container.mojlekar-forma .wpforms-page-indicator.progress .wpforms-page-indicator-page-title,
.wpforms-container.mojlekar-forma .wpforms-page-indicator.progress .wpforms-page-indicator-steps,
.wpforms-container.mojlekar-forma .wpforms-page-indicator.progress .wpforms-page-indicator-page-title-sep{
  flex:0 0 auto !important;
  white-space:nowrap !important;
  margin:0 !important;
}
.wpforms-container.mojlekar-forma .wpforms-page-indicator.progress .wpforms-page-indicator-page-title,
.wpforms-container.mojlekar-forma .wpforms-page-indicator.progress .wpforms-page-indicator-steps{
  font-size:12.5px !important;
  font-weight:700 !important;
  color:var(--ml-primary) !important;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.wpforms-container.mojlekar-forma .wpforms-page-indicator.progress .wpforms-page-indicator-page-title-sep{
  color:#9fb3c6 !important;
}
/* traka zauzima ostatak reda */
.wpforms-container.mojlekar-forma .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap{
  flex:1 1 auto !important;
  margin:0 !important;
  background:#dfe9f1 !important;
  height:8px !important;
  border-radius:999px !important;
  overflow:visible !important;
}
/* stara bela pregrada na sredini — isključena */
.wpforms-container.mojlekar-forma .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap::after{
  content:none !important;
}
.wpforms-container.mojlekar-forma .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress{
  background:var(--ml-accent) !important;
  height:8px !important;
  border-radius:999px !important;
  transition:width .35s ease !important;
}

/* ==========================================================================
   Dugme "Pošalji" — tekst se sam menja prema rezultatu
   Problem: isto dugme služi za dva toka (BMI ≥ 25 → zakazivanje
   konsultacije, BMI < 25 → prijava na savete), pa jedan tekst ne odgovara
   obema situacijama.
   Rešenje: CSS :has() gleda koje je od 3 rezultat-polja trenutno prikazano
   (WPForms u letu menja klasu conditional-show/hide) i preko ::after
   ispisuje odgovarajući tekst. Testirano uživo na obe grane.
   Napomena: original tekst dugmeta u builderu ostaje kakav jeste — samo se
   vizuelno sakriva (font-size:0). U mejlu/prijavi ništa se ne menja.
   ========================================================================== */
.wpforms-container.mojlekar-forma form:has(#wpforms-191-field_18-container.wpforms-conditional-show) button.wpforms-submit,
.wpforms-container.mojlekar-forma form:has(#wpforms-191-field_36-container.wpforms-conditional-show) button.wpforms-submit,
.wpforms-container.mojlekar-forma form:has(#wpforms-191-field_37-container.wpforms-conditional-show) button.wpforms-submit{
  font-size:0 !important;
}
/* BMI ≥ 25 (crveni ili narandžasti rezultat) → zakazivanje */
.wpforms-container.mojlekar-forma form:has(#wpforms-191-field_18-container.wpforms-conditional-show) button.wpforms-submit::after,
.wpforms-container.mojlekar-forma form:has(#wpforms-191-field_36-container.wpforms-conditional-show) button.wpforms-submit::after{
  content:"Zakaži besplatnu konsultaciju";
  font-size:16px;
  font-weight:700;
}
/* BMI < 25 (zeleni rezultat) → prijava na savete */
.wpforms-container.mojlekar-forma form:has(#wpforms-191-field_37-container.wpforms-conditional-show) button.wpforms-submit::after{
  content:"Pošalji mi stručne savete";
  font-size:16px;
  font-weight:700;
}

/* ==========================================================================
   BMI rezultat — RADI ODMAH, bez izmena u WPForms builderu
   Ovo cilja tačno tvoja 3 polja na formi #191 (proverio sam ID-jeve uživo
   na /milica): field_18 = crveni rizik, field_36 = narandžasti,
   field_37 = zeleni/normalan. Ako ikad dupliraš formu, ID-jevi će biti
   drugačiji i ovaj blok treba ažurirati (javi mi novi URL, proverim ih).
   ========================================================================== */

.wpforms-container.mojlekar-forma #wpforms-191-field_18-container,
.wpforms-container.mojlekar-forma #wpforms-191-field_36-container,
.wpforms-container.mojlekar-forma #wpforms-191-field_37-container{
  border-radius:16px !important;
  padding:22px 20px !important;
  text-align:center;
  margin-bottom:18px !important;
}
.wpforms-container.mojlekar-forma #wpforms-191-field_18-container{
  background:linear-gradient(135deg,#fdecea,#fde0dd) !important;
}
.wpforms-container.mojlekar-forma #wpforms-191-field_36-container{
  background:linear-gradient(135deg,#fdf3e6,#fbe9d3) !important;
}
.wpforms-container.mojlekar-forma #wpforms-191-field_37-container{
  background:linear-gradient(135deg,#e9f8ef,#d9f2e3) !important;
}

/* Naslov (label) iznad kruga */
.wpforms-container.mojlekar-forma #wpforms-191-field_18-container .wpforms-field-label,
.wpforms-container.mojlekar-forma #wpforms-191-field_36-container .wpforms-field-label,
.wpforms-container.mojlekar-forma #wpforms-191-field_37-container .wpforms-field-label{
  font-size:17px !important;
  font-weight:800 !important;
  line-height:1.3;
  margin-bottom:14px !important;
}
.wpforms-container.mojlekar-forma #wpforms-191-field_18-container .wpforms-field-label{color:#a8241c !important;}
.wpforms-container.mojlekar-forma #wpforms-191-field_36-container .wpforms-field-label{color:#a1651a !important;}
.wpforms-container.mojlekar-forma #wpforms-191-field_37-container .wpforms-field-label{color:#166b3d !important;}

/* Broj (input polje) pretvoren u krug */
.wpforms-container.mojlekar-forma #wpforms-191-field_18-container input,
.wpforms-container.mojlekar-forma #wpforms-191-field_36-container input,
.wpforms-container.mojlekar-forma #wpforms-191-field_37-container input{
  width:96px !important;
  height:96px !important;
  border-radius:50% !important;
  margin:0 auto !important;
  text-align:center !important;
  font-size:26px !important;
  font-weight:800 !important;
  background:#fff !important;
  box-shadow:0 4px 14px rgba(0,0,0,0.10) !important;
  border-width:4px !important;
  border-style:solid !important;
  -moz-appearance:textfield;
  padding:0 !important;
}
.wpforms-container.mojlekar-forma #wpforms-191-field_18-container input::-webkit-outer-spin-button,
.wpforms-container.mojlekar-forma #wpforms-191-field_18-container input::-webkit-inner-spin-button,
.wpforms-container.mojlekar-forma #wpforms-191-field_36-container input::-webkit-outer-spin-button,
.wpforms-container.mojlekar-forma #wpforms-191-field_36-container input::-webkit-inner-spin-button,
.wpforms-container.mojlekar-forma #wpforms-191-field_37-container input::-webkit-outer-spin-button,
.wpforms-container.mojlekar-forma #wpforms-191-field_37-container input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.wpforms-container.mojlekar-forma #wpforms-191-field_18-container input{border-color:#e0483e !important;color:#e0483e !important;}
.wpforms-container.mojlekar-forma #wpforms-191-field_36-container input{border-color:#e08a2e !important;color:#e08a2e !important;}
.wpforms-container.mojlekar-forma #wpforms-191-field_37-container input{border-color:#209a5b !important;color:#209a5b !important;}

/* Objašnjenje ispod kruga */
.wpforms-container.mojlekar-forma #wpforms-191-field_18-container .wpforms-field-description,
.wpforms-container.mojlekar-forma #wpforms-191-field_36-container .wpforms-field-description,
.wpforms-container.mojlekar-forma #wpforms-191-field_37-container .wpforms-field-description{
  font-size:14px !important;
  line-height:1.55 !important;
  margin-top:14px !important;
  text-align:left;
}

/* Responsive - mobilni */
/* ---------- Mobilni ----------
   Ovde NEMA lomljenja parova u dva reda — to rešava min-width:0 gore i
   važi na svim širinama. Ostaje samo skupljanje razmaka i veličina. */
@media (max-width:480px){
  .wpforms-container.mojlekar-forma{padding:22px 16px !important;}

  /* Na uskom ekranu "KALKULATOR —" se sakriva da traka ne ostane bez mesta.
     Izmereno na 340px: sa naslovom traka je 97px, bez njega 227px. */
  .wpforms-container.mojlekar-forma .wpforms-page-indicator.progress .wpforms-page-indicator-page-title,
  .wpforms-container.mojlekar-forma .wpforms-page-indicator.progress .wpforms-page-indicator-page-title-sep{
    display:none !important;
  }
  .wpforms-container.mojlekar-forma .wpforms-page-indicator.progress{
    gap:10px !important;
    top:-30px !important;
  }
  .wpforms-container.mojlekar-forma .wpforms-page-indicator.progress .wpforms-page-indicator-steps{
    font-size:11.5px !important;
  }

  /* Na uskom ekranu smanjujemo padding inputa da tekst ne bude stešnjen */
  .wpforms-container.mojlekar-forma input[type=text],
  .wpforms-container.mojlekar-forma input[type=email],
  .wpforms-container.mojlekar-forma input[type=tel],
  .wpforms-container.mojlekar-forma input[type=number]{
    padding:12px 11px !important;
    font-size:15px !important;
  }
  /* telefon i dalje mora da ostavi mesta za zastavu */
  .wpforms-container.mojlekar-forma input[type=tel].iti__tel-input,
  .wpforms-container.mojlekar-forma input[type=tel].wpforms-smart-phone-field{
    padding-left:54px !important;
  }

  /* BMI krug malo manji da rezultat + CTA stanu bez dugog skrola */
  .wpforms-container.mojlekar-forma #wpforms-191-field_18-container input,
  .wpforms-container.mojlekar-forma #wpforms-191-field_36-container input,
  .wpforms-container.mojlekar-forma #wpforms-191-field_37-container input{
    width:78px !important;
    height:78px !important;
    font-size:22px !important;
    padding:0 !important;
  }
}

/* ==========================================================================
   TEKST IZNAD FORME (Elementor, stranica /milica = ID 202)
   Problem koji je rešen: naslov i tekst su bili levo poravnati preko cele
   Å¡irine (1140px) dok je forma centrirana i Å¡iroka 580px, pa je blok
   izgledao odvojeno od forme. Naslov je bio svetloplav (slaba čitljivost),
   a "Besplatno i bez obaveze" je visilo kao običan sivi red.

   PAŽNJA: selektor je vezan za .elementor-202 (ID ove stranice). Ako
   napraviš kopiju stranice, ID se menja — javi mi novi URL pa da zamenim.
   ========================================================================== */
.elementor-202 .e-con-inner > .elementor-widget-heading,
.elementor-202 .e-con-inner > .elementor-widget-text-editor{
  max-width:580px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  width:100% !important;
  text-align:center !important;
}
.elementor-202 .e-con-inner > .elementor-widget-heading{
  margin-bottom:10px !important;
}
.elementor-202 .elementor-heading-title{
  color:var(--ml-primary, #1a4371) !important;
  font-size:29px !important;
  font-weight:800 !important;
  line-height:1.28 !important;
  letter-spacing:-.01em !important;
}

/* Podnaslov */
.elementor-202 .e-con-inner > .elementor-widget-text-editor:nth-child(2){
  margin-bottom:14px !important;
}
.elementor-202 .e-con-inner > .elementor-widget-text-editor:nth-child(2) p{
  color:#5a6b7d !important;
  font-size:16px !important;
  line-height:1.6 !important;
  margin:0 !important;
}
.elementor-202 .e-con-inner > .elementor-widget-text-editor:nth-child(2) strong{
  color:#1a4371 !important;
}

/* "Besplatno i bez obaveze" — pilula tik iznad forme */
.elementor-202 .e-con-inner > .elementor-widget-text-editor:nth-child(3){
  margin-bottom:18px !important;
}
.elementor-202 .e-con-inner > .elementor-widget-text-editor:nth-child(3) p{
  display:inline-block !important;
  background:#eaf6fb !important;
  color:#1a4371 !important;
  font-size:13.5px !important;
  font-weight:700 !important;
  padding:7px 16px !important;
  border-radius:20px !important;
  margin:0 !important;
}

@media (max-width:480px){
  .elementor-202 .elementor-heading-title{
    font-size:23px !important;
    line-height:1.32 !important;
  }
  .elementor-202 .e-con-inner > .elementor-widget-text-editor:nth-child(2) p{
    font-size:15px !important;
  }
  .elementor-202 .e-con-inner > .elementor-widget-text-editor:nth-child(3) p{
    font-size:12.5px !important;
    padding:6px 14px !important;
  }
}

/* ==========================================================================
   IKONICE (inline SVG, bez spoljnih fajlova)

   Ubacuju se automatski preko CSS-a, pa u WPForms builderu ne treba ništa
   dodavati. VAŽNO: iz naziva polja obriši postojeće emodžije (🔴 🟠 🟢),
   inače će stajati duplo — ikonica + emodži.

   Boje prate rezultat: crvena #e0483e, narandžasta #e08a2e, zelena #209a5b,
   plava iz loga #1a4371. SVG je Lucide stil (linijske ikonice, 2.2px).
   ========================================================================== */

/* zajednička podloga za sve ikonice */
.wpforms-container.mojlekar-forma #wpforms-191-field_18-container .wpforms-field-label::before,
.wpforms-container.mojlekar-forma #wpforms-191-field_36-container .wpforms-field-label::before,
.wpforms-container.mojlekar-forma #wpforms-191-field_37-container .wpforms-field-label::before{
  content:"";
  display:inline-block;
  width:20px;
  height:20px;
  margin-right:8px;
  vertical-align:-4px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}

/* Crveni rezultat — trougao upozorenja */
.wpforms-container.mojlekar-forma #wpforms-191-field_18-container .wpforms-field-label::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e0483e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
}

/* Narandžasti rezultat — krug sa uzvičnikom */
.wpforms-container.mojlekar-forma #wpforms-191-field_36-container .wpforms-field-label::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e08a2e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E");
}

/* Zeleni rezultat — kvačica u krugu */
.wpforms-container.mojlekar-forma #wpforms-191-field_37-container .wpforms-field-label::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23209a5b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}

/* "Besplatno i bez obaveze" — štit sa kvačicom */
.elementor-202 .e-con-inner > .elementor-widget-text-editor:nth-child(3) p::before{
  content:"";
  display:inline-block;
  width:16px;
  height:16px;
  margin-right:6px;
  vertical-align:-3px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a4371' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}

@media (max-width:480px){
  .wpforms-container.mojlekar-forma #wpforms-191-field_18-container .wpforms-field-label::before,
  .wpforms-container.mojlekar-forma #wpforms-191-field_36-container .wpforms-field-label::before,
  .wpforms-container.mojlekar-forma #wpforms-191-field_37-container .wpforms-field-label::before{
    width:17px; height:17px; margin-right:6px; vertical-align:-3px;
  }
}/* End custom CSS */