.elementor-7 .elementor-element.elementor-element-ddf8a12{--display:flex;--min-height:1258px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-ddf8a12:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-ddf8a12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#153C87;}.elementor-7 .elementor-element.elementor-element-552408a{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-7 .elementor-element.elementor-element-e86f640{--display:flex;--min-height:910px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-e86f640:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-e86f640 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#153C87;}.elementor-7 .elementor-element.elementor-element-e86f640 > .elementor-shape-bottom .elementor-shape-fill, .elementor-7 .elementor-element.elementor-element-e86f640 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#000000;}.elementor-7 .elementor-element.elementor-element-e86f640 > .elementor-shape-bottom svg, .elementor-7 .elementor-element.elementor-element-e86f640 > .e-con-inner > .elementor-shape-bottom svg{height:34px;}.elementor-7 .elementor-element.elementor-element-e634141{--display:flex;--min-height:100vh;--justify-content:space-evenly;}.elementor-7 .elementor-element.elementor-element-da11ba6{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7 .elementor-element.elementor-element-f433f47.elementor-element{--align-self:flex-start;}.elementor-7 .elementor-element.elementor-element-0a49acc{--display:flex;}.elementor-7 .elementor-element.elementor-element-191f111{--display:flex;--margin-top:0%;--margin-bottom:7%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-088b2d9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-7 .elementor-element.elementor-element-088b2d9.elementor-element{--align-self:stretch;}.elementor-7 .elementor-element.elementor-element-4bcf5f9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-4bcf5f9:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-4bcf5f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-7 .elementor-element.elementor-element-d7de4d5{margin:0vw 3vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-7 .elementor-element.elementor-element-5eb188e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-2f5b89f{--display:flex;}.elementor-7 .elementor-element.elementor-element-0302517{--display:flex;}.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-7 .elementor-element.elementor-element-e4756bb .elementor-heading-title{font-family:"OpenSansExtraBold", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-ab61534{--display:flex;}.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-7 .elementor-element.elementor-element-f9b67a0{text-align:left;font-family:"OpenSansRegular", Sans-serif;font-size:25px;font-weight:400;line-height:29px;letter-spacing:0px;word-spacing:0px;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-15b0335{--display:flex;}.elementor-7 .elementor-element.elementor-element-7888562{--display:flex;--min-height:919px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-7888562:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-7888562 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #153C87 9%, #FFFFFF 0%);}.elementor-7 .elementor-element.elementor-element-7888562 > .elementor-shape-bottom .elementor-shape-fill, .elementor-7 .elementor-element.elementor-element-7888562 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#000000;}.elementor-7 .elementor-element.elementor-element-7888562 > .elementor-shape-bottom svg, .elementor-7 .elementor-element.elementor-element-7888562 > .e-con-inner > .elementor-shape-bottom svg{height:34px;}.elementor-7 .elementor-element.elementor-element-fe620ac{--display:flex;}.elementor-7 .elementor-element.elementor-element-1a6942b{text-align:right;}.elementor-7 .elementor-element.elementor-element-1a6942b img{width:15%;}.elementor-7 .elementor-element.elementor-element-68297f7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-5fe48e3{--display:flex;--margin-top:0vw;--margin-bottom:0vw;--margin-left:5vw;--margin-right:0vw;}.elementor-7 .elementor-element.elementor-element-c5bac9a{--display:flex;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:-25vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-7 .elementor-element.elementor-element-c5bac9a.e-con{--align-self:center;}.elementor-7 .elementor-element.elementor-element-d7105e4{margin:0vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;padding:0vw 0vw 0vw 0vw;text-align:right;}.elementor-7 .elementor-element.elementor-element-6980518{--display:flex;}.elementor-7 .elementor-element.elementor-element-e22cd99{--display:flex;--min-height:890px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-e22cd99:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-e22cd99 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#153C87;}.elementor-7 .elementor-element.elementor-element-e22cd99 > .elementor-shape-bottom .elementor-shape-fill, .elementor-7 .elementor-element.elementor-element-e22cd99 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#000000;}.elementor-7 .elementor-element.elementor-element-e22cd99 > .elementor-shape-bottom svg, .elementor-7 .elementor-element.elementor-element-e22cd99 > .e-con-inner > .elementor-shape-bottom svg{height:34px;}.elementor-7 .elementor-element.elementor-element-6ed9009{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-42fda5a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-cfb410d{text-align:center;}.elementor-7 .elementor-element.elementor-element-729b91a{--display:flex;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-7 .elementor-element.elementor-element-ae31357{margin:-2rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;padding:0vw 0vw 0vw 0vw;}.elementor-7 .elementor-element.elementor-element-d2e73e2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-d2e73e2:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-d2e73e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7 .elementor-element.elementor-element-0f9fa0e{--display:flex;}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-0a49acc{--width:75%;}.elementor-7 .elementor-element.elementor-element-191f111{--width:70%;}.elementor-7 .elementor-element.elementor-element-2f5b89f{--width:65%;}.elementor-7 .elementor-element.elementor-element-0302517{--width:40%;}.elementor-7 .elementor-element.elementor-element-ab61534{--width:100%;}.elementor-7 .elementor-element.elementor-element-5fe48e3{--width:70%;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-552408a{--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-7 .elementor-element.elementor-element-6e23229{margin:-37vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-7 .elementor-element.elementor-element-e634141{--justify-content:space-between;}.elementor-7 .elementor-element.elementor-element-da11ba6{--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:5vw;--padding-left:0vw;--padding-right:0vw;}.elementor-7 .elementor-element.elementor-element-c7f2cf4 img{width:65%;}.elementor-7 .elementor-element.elementor-element-d7de4d5{margin:5vw 0vw calc(var(--kit-widget-spacing, 0px) + 4vw) 0vw;}.elementor-7 .elementor-element.elementor-element-15b0335{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-ca3ad0d img{width:100%;}.elementor-7 .elementor-element.elementor-element-ef032e2 img{width:80%;}.elementor-7 .elementor-element.elementor-element-1a6942b{text-align:center;}.elementor-7 .elementor-element.elementor-element-1a6942b img{width:45%;}.elementor-7 .elementor-element.elementor-element-dab6193 img{width:80%;}}/* Start custom CSS for html, class: .elementor-element-6e23229 */@media (max-width: 767px) {
  #loading-video {
    width: 100vw;          /* smanji širinu na mobilnom */
    height: auto;         /* neka sam računa visinu */
    max-height: 70vh;     /* ograniči visinu da ne izlazi van ekrana */
    object-fit: contain;  /* zadrži odnos stranica */
  }
  
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ddf8a12 */html, body {
  max-width: 100%;
  overflow-x: hidden;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-13db543 */@media (max-width: 768px){
  #formTitle{
    display: inline-block;          /* da transform radi kako treba */
    transform: scale(0.85) !important;         /* smanji vizuelno ~15% */
    transform-origin: left top;     /* da “ostane” poravnat gore-levo */
    font-weight: 800;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d7de4d5 *//* Custom checkbox izgled */
#user-terms-checkbox-image {
  width: 1.15vw;
  height: 2.04vh;
  background-image: url("https://vidim-nagrajuje.si/wp-content/uploads/2025/10/chackbox_UNfilled_prijava.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  flex-shrink: 0;
  transition: background-image 0.2s ease;
}

/* Ukloni border koji JS dodaje prilikom greške */
#user-terms-checkbox-image[style*="border"] {
  border: none !important;
}

#user-terms {
  position: absolute;
  opacity: 0;               /* nevidljiv */
  inset: 0 0 auto auto;     /* ostaje u zoni klika */
  width: 1.15vw;
  height: 2.04vh;
  margin: 0;
  pointer-events: none;     /* klik ide na sliku, ne na input */
}

#user-terms-error {
  color: #ff0000;
  font-size: 0.73vw;
  font-family: 'OpenSansMedium', sans-serif;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
  flex-basis: 100%;
  text-align: center;
  margin-top: -0.74vh;
  margin-left: 2.86vw;
}

#user-terms-error.show {
  visibility: visible;
  opacity: 1;
}

#user-terms-checkbox #user-terms-error {
  display: block;
  margin-left: 1.56vw;  /* 22px (slika) + 8px (razmak) */
  margin-top: 0.56vh;
}
@media (max-width: 1620px){


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d12655c *//* === START SPIN dugme === */
#start_spin{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  /* izgled */
  background: #f47c00;          /* narandžasta */
  color: #fff;
  font-family: "OpenSansExtraBold", sans-serif;
  font-weight: 800;             /* ExtraBold */
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;

  /* proporcije – stabilne i iste svuda */
  width: clamp(260px, 30vw, 520px);
  height: clamp(60px, 7vh, 70px);
  border-radius: 999px;

  /* vizuelni balans */
  padding: 0 clamp(24px, 4vw, 36px);
  text-align: center;
  font-size: clamp(20px, 1.6vw, 26px);

  /* efekti */
  box-shadow: 0 2px 0 rgba(0,0,0,.08) inset;
  transition: transform 0.08s ease, filter 0.2s ease;
  cursor: pointer;
}

/* Hover efekat */
#start_spin:hover{
  filter: brightness(1.08);
}

/* Klik efekat */
#start_spin:active{
  transform: translateY(1px);
}

/* Pozicioniranje (centar) */
.start-wrapper{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  margin: clamp(20px,4vh,60px) auto;
}

/* ✅ Patch za 1024×768 da dugme ostane tačno u sredini između logotipa i teksta */
@media screen and (width:1024px) and (height:768px){
  .start-wrapper{
    /* malo veći “gap” gore/dole da ne beži naviše */
    margin: 36px auto 36px auto !important;
  }
  #start_spin{
    /* zadrži proporcije da izgleda kao na ostalim rezolucijama */
    width: 35vw;           /* ~ identično kao na većim ekranima u tvom layoutu */
    height: 60px;
    font-size: 20px;
    top: 45px;
    position: relative;
  }
}

/* === MOBILE: popravi poziciju i tipografiju start dugmeta i teksta === */
@media (max-width: 820px){

 /* === START SPIN dugme === */
#start_spin{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  /* izgled */
  background: #f47c00;          /* narandžasta */
  color: #fff;
  font-family: "OpenSansExtraBold", sans-serif;
  font-weight: 800;             /* ExtraBold */
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;

  /* proporcije – stabilne i responzivne bez clamp() */
  width: 30vw;                  /* oko trećine širine ekrana */
  min-width: 260px;             /* minimalna širina na manjim ekranima */
  max-width: 520px;             /* maksimalna širina na velikim ekranima */
  height: 7vh;                  /* visina po visini ekrana */
  min-height: 60px;
  max-height: 70px;
  border-radius: 999px;
  bottom: 13vh;
  position: relative;
  left: 6vw;

  /* vizuelni balans */
  padding: 0 4vw;
  text-align: center;
  font-size: 4vw;             /* raste s veličinom ekrana */
  

  /* efekti */
  box-shadow: 0 2px 0 rgba(0,0,0,.08) inset;
  transition: transform 0.08s ease, filter 0.2s ease;
  cursor: pointer;
}

/* Hover efekat */
#start_spin:hover{
  filter: brightness(1.08);
}

/* Klik efekat */
#start_spin:active{
  transform: translateY(1px);
}

/* Pozicioniranje (centar) */
.start-wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 4vh auto;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f5b89f */#start_cont{
    display: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0302517 */#textCont{
    display: none;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ca3ad0d *//* prizeImage – stabilna velikost preko vmin (in clamp) */
#prizeImage{
  display: block;                /* osigurava da margin:auto radi */
  margin: 0 auto;                /* vraća sliku u centar */
  height: auto;
  width: clamp(260px, 50vmin, 760px); /* min 260px, cilj 55vmin, max 760px */
  max-width: none !important;    /* ignoriše Elementor max-width:100% */
}

/* fine-tune po razmerju zaslona (opcijsko) */
@media (min-aspect-ratio: 16/9){
  /* zelo široki zasloni – malenkost manj */
  #prizeImage{ width: clamp(260px, 50vmin, 720px); }
}
@media (max-aspect-ratio: 16/9){
  /* višji zasloni – malenkost več */
  #prizeImage{ width: clamp(260px, 50vmin, 800px); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d46df7a *//* === CLAIM pill – koristi var(--btn-bg) koju ti već menjaš === */
#claimBtn.cta-pill{
  /* boja/obrub iz postojeće promenljive */
  background: var(--btn-bg) !important;
  border-color: var(--btn-bg) !important;

  /* oblik i raspored */
  border-radius: 999px;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: clamp(8px, 1.2vw, 14px);

  /* dimenzije – blago VEĆE */
  width: clamp(240px, 30vw, 480px);
  height: clamp(46px, 7vh, 68px);
  padding: 0 clamp(14px, 2vw, 22px);

  text-decoration:none;
  cursor:pointer;
  box-shadow: 0 2px 0 rgba(0,0,0,.08) inset;
  transition: transform .06s ease, filter .2s ease;

  /* više prostora iznad i ispod */
  margin: clamp(16px, 4vh, 50px) auto clamp(16px, 4vh, 50px) auto !important;
}

#claimBtn.cta-pill:hover{ 
  filter: brightness(1.06); 
}
#claimBtn.cta-pill:active{ 
  transform: translateY(1px); 
}

/* ako koristiš Elementor dugme, ovo “oslobađa” wrapper da flex radi */
#claimBtn .elementor-button-content-wrapper{ 
  display: contents; 
}

/* LEVI blok sa tekstom */
#claimBtn .cta-text{
  display:flex;
  flex-direction:column;
  line-height:1;
  white-space:nowrap;
}

/* Gornji red – OpenSansExtraBold (VEĆI) */
#claimBtn .cta-bold{
  font-family:"OpenSansExtraBold", sans-serif;
  font-weight:800;
  font-size: clamp(18px, 1vw, 22px);
  letter-spacing:.2px;
}

/* Donji red – OpenSansLightItalic (VEĆI) */
#claimBtn .cta-sub{
  font-family:"OpenSansLightItalic", sans-serif;
  font-style:italic;
  font-weight:200;
  font-size: clamp(13px, 0.9vw, 18px);
  letter-spacing:.15px;
  margin-top: clamp(2px, .35vh, 5px);
}

/* Desna strelica (BLAGO VEĆA) */
#claimBtn .cta-arrow{
  display:inline-block;
  width: clamp(22px, 4vw, 60px);
  height: auto;
  color:#fff;
  flex: 0 0 auto;
  margin-left:auto;      /* gurne je skroz desno */
}

/* Ako koristiš Elementor icon umesto SVG-a iznad, zadrži ga desno (VEĆE) */
#claimBtn .elementor-button-icon{
  margin-left:auto !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  width: clamp(22px, 2vw, 30px);
  height: clamp(12px, 1.3vw, 18px);
  font-size: clamp(18px, 1.8vw, 28px); /* za font-ikone */
  line-height:1;
}

/* ✔️ specifično za 1024×768 da izgleda balansirano */
@media screen and (width:1024px) and (height:768px){
  #claimBtn.cta-pill{
    width: 40vw;
    height: 60px;
    margin: 28px auto 28px auto !important;
  }
  #claimBtn .cta-bold{ font-size: 18px; }
  #claimBtn .cta-sub { font-size: 13px; }
  #claimBtn .cta-arrow{ width: 26px; }
}

@media (max-width: 768px){
  #claimBtn.cta-pill{
    width: 92vw !important;   /* široko skoro do ivica */
    max-width: 420px;          /* da ne bude preširoko na većim fonovima */
    min-width: 280px;          /* sigurnosni minimum */
    margin: 18px auto !important;  /* lepo centrirano */
    padding-left: 18px;
    padding-right: 18px;
    right: 2vw;
    position: relative;
  }
 #claimBtn .cta-sub{
      position: relative;
      right: 9vw;
    } 
 #claimBtn .cta-arrow{
  width: 38px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4c9929a *//* ================== ANKETA (Vidim) ================== */
/* Globalna barva + fallback pisave (naloži Open Sans v temi/Elementorju) */
#anketaHolder{
  --blue: #153C87;
  color: var(--blue);
  font-family: "Open Sans", "SansOpen", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

#anketaHolder .questionBox:first-of-type h3{
  margin-top: clamp(4px, .9vh, 8px) !important;
}
/* Uvodna vrstica: "Pri vsakem vprašanju ..." = Regular */
#anketaHolder > p:first-of-type{
  font-weight: 400;                 /* SansOpen Regular */
  font-size: clamp(14px, 1.6vw, 20px);
  color: var(--blue);
  margin-bottom: clamp(4px, .9vh, 10px);margin-top: clamp(20px, 2vh, 80px);
  margin-bottom: clamp(20px, 2vh, 80px);
}

/* Vsako vprašanje (naslov) = ExtraBold */
#anketaHolder .questionBox h3{
  margin: clamp(16px, 2.6vh, 24px) 0 clamp(6px, 1.2vh, 10px) 0;
  font-weight: 800;                 /* SansOpen ExtraBold */
  font-size: clamp(18px, 2.0vw, 25px);
  line-height: 1.3;
  color: var(--blue);
}

/* Napaka pod vprašanjem – že jo imaš; tu le normaliziramo videz */
#anketaHolder .questionBox .error{
  margin: 0 0 clamp(6px, 1.2vh, 10px) 0;
  font-size: clamp(11px, 1.2vw, 12px);
  line-height: 1.4;
  color: #d62828;
}

/* Odgovori: Regular, poravnani v liniji z radio gumbi */
#anketaHolder input[type="radio"]{
  -webkit-appearance: none;
  appearance: none;
  width: clamp(11px, 1.2vw, 13px);
  height: clamp(11px, 1.2vw, 13px);
  border: none;
  border-radius: 50%;
  background: #d9d9d9;
  vertical-align: middle;
  margin: 0 clamp(8px, 1.2vw, 10px) clamp(2px, .6vh, 4px) 0;
  display: inline-block;
  position: relative;
  cursor: pointer;
  outline: none;
  transition: background .15s ease, box-shadow .15s ease;
  transform: translateY(2px);
}

#anketaHolder input[type="radio"]:checked{
  background: #153d87;
}

#anketaHolder input[type="radio"]:focus-visible{
  box-shadow: 0 0 0 3px rgba(21,60,135,.25);
}

#anketaHolder label{
  display: inline-block;
  vertical-align: middle;
  font-weight: 400;                 /* SansOpen Regular */
  font-size: clamp(15px, 1.8vw, 20px);
  line-height: clamp(1.4, 1.65, 1.7);
  color: var(--blue);
  cursor: pointer;
}

#anketaHolder input[type="radio"]:disabled{
  opacity: .4;
  cursor: not-allowed;
}

#anketaHolder .questionBox{
  margin: clamp(1px, .5vh, 3px) 0 clamp(1px, .5vh, 3px) 0;
}

/* ANKETA: error skrit privzeto (brez gapa) */
#anketaHolder .error{
  display: block;
  margin: 0 0 0 0px;          /* poravnano z odgovori */
  color: #d62828;
  line-height: 1.4;

  /* skrito stanje, brez prostora */
  visibility: hidden;
  opacity: 0;
  height: 0;
  overflow: hidden;

  /* mehka animacija prehoda */
  transition: opacity .25s ease, height .25s ease, margin .25s ease;
}

#anketaHolder .error.show{
  visibility: visible;
  opacity: 1;
  height: auto;
  margin-top: clamp(6px, .9vh, 8px);
  margin-bottom: clamp(2px, .6vh, 4px);
}

/* ================== ANKETA – PATCH za "pliće" ekrane ================== */

/* 1024 × 768 (4:3) */
@media screen and (width:1024px) and (height:768px){
  #anketaHolder > p:first-of-type{ font-size: clamp(13px, 1.4vw, 18px); }
  #anketaHolder .questionBox h3{
    font-size: clamp(17px, 1.8vw, 22px);
    margin: clamp(14px, 2vh, 20px) 0 clamp(6px, .9vh, 8px) 0;
  }
  #anketaHolder label{
    font-size: clamp(14px, 1.6vw, 18px);
    line-height: 1.55;
  }
  #anketaHolder input[type="radio"]{
    width: clamp(10px, 1.1vw, 12px);
    height: clamp(10px, 1.1vw, 12px);
    margin: 0 clamp(7px, 1vw, 9px) clamp(1px, .5vh, 3px) 0;
    transform: translateY(2px);
  }
  #anketaHolder .questionBox{ margin: clamp(0px, .4vh, 2px) 0; }
  #anketaHolder .questionBox .error{ font-size: clamp(10px, 1.1vw, 11px); }
  #anketaHolder{
  margin-top: clamp(20px, 4vh, 60px);
}
}

/* 1280 × 800 (16:10) */
@media screen and (width:1280px) and (height:800px){
  #anketaHolder > p:first-of-type{ font-size: clamp(13px, 1.5vw, 18px); }
  #anketaHolder .questionBox h3{
    font-size: clamp(18px, 1.9vw, 23px);
    margin: clamp(14px, 2vh, 22px) 0 clamp(6px, 1vh, 9px) 0;
  }
  #anketaHolder label{
    font-size: clamp(14px, 1.7vw, 19px);
    line-height: 1.6;
  }
  #anketaHolder input[type="radio"]{
    width: clamp(10px, 1.1vw, 12px);
    height: clamp(10px, 1.1vw, 12px);
    margin: 0 clamp(7px, 1vw, 9px) clamp(1px, .5vh, 3px) 0;
    transform: translateY(2px);
  }
  #anketaHolder .questionBox{ margin: clamp(0px, .5vh, 3px) 0; }
  #anketaHolder .questionBox .error{ font-size: clamp(10px, 1.1vw, 11px); }
}

/* 1366 × 768 (16:9 “plići”) */
@media screen and (width:1366px) and (height:768px){
  #anketaHolder > p:first-of-type{ font-size: clamp(13px, 1.4vw, 18px); }
  #anketaHolder .questionBox h3{
    font-size: clamp(18px, 1.85vw, 23px);
    margin: clamp(14px, 2vh, 22px) 0 clamp(6px, .9vh, 9px) 0;
  }
  #anketaHolder label{
    font-size: clamp(14px, 1.65vw, 19px);
    line-height: 1.58;
  }
  #anketaHolder input[type="radio"]{
    width: clamp(10px, 1.05vw, 12px);
    height: clamp(10px, 1.05vw, 12px);
    margin: 0 clamp(7px, .95vw, 9px) clamp(1px, .45vh, 3px) 0;
    transform: translateY(2px);
  }
  #anketaHolder .questionBox{ margin: clamp(0px, .45vh, 2px) 0; }
  #anketaHolder .questionBox .error{ font-size: clamp(10px, 1.05vw, 11px); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e2669fd *//* === SEND DATA ANKETA – dugme sa različitim tekstom desktop/mobile === */
#sendDataAnketa{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: clamp(10px, 1.8vw, 18px);

  background:#2CC1A7;
  color:#fff;
  text-decoration:none;
  border-radius: 999px;
  padding: 0 clamp(20px, 3.6vw, 40px);

  width: clamp(260px, 39vw, 540px);
  margin-left: clamp(-10px, -2vw, -20px);
  height: clamp(56px, 7.6vh, 82px);

  box-shadow: 0 2px 0 rgba(0,0,0,.08) inset;
  transition: transform .08s ease, filter .2s ease;
  white-space: nowrap; /* 🚀 sprečava prelom reda */
}
#sendDataAnketa:hover{ filter:brightness(1.08); }
#sendDataAnketa:active{ transform: translateY(1px); }

/* tipografija – desktop tekst */
#sendDataAnketa strong{
  font-family:"OpenSansExtraBold", sans-serif;
  font-weight:800;
  letter-spacing:.25px;
  font-size: clamp(14px, 1.2vw, 18px); /* 🔽 smanjen font */
  line-height:1.1;
}
#sendDataAnketa em{
  font-family:"OpenSansLightItalic", sans-serif;
  font-style: italic;
  font-weight:300;
  letter-spacing:.15px;
  font-size: clamp(13px, 1vw, 17px); /* 🔽 smanjen font */
  margin-left: .4ch;
}

#sendDataAnketa .cta-arrow{
  display: inline-block !important;
  flex: 0 0 auto;         /* ne dozvoli skupljanje */
  margin-left: auto;      /* ostaje skroz desno */
  width: clamp(18px, 5vw, 40px);
  height: auto;
}

/* util klase */
.only-mobile{ display:none; }
@media (max-width:768px){
  .only-desktop{ display:none; }
  .only-mobile{ display:block; }
}

/* mobile tipografija: drugi red ispod (kao na slici) */
@media (max-width:768px){
  #sendDataAnketa{
    width: clamp(260px, 86vw, 600px);
    margin-left: clamp(-6px, -1.5vw, -10px);
    height: clamp(56px, 8.2vh, 86px);
    padding: 0 clamp(18px, 6vw, 28px);
    white-space: normal; /* ✅ dozvoli prelom samo na mobilu */
  }
  #sendDataAnketa .only-mobile strong{
    font-size: clamp(16px, 4.3vw, 22px);
    line-height:1.2;
    letter-spacing:.4px;
    display:block;
  }
  #sendDataAnketa .only-mobile em{
    font-size: clamp(13px, 3.6vw, 18px);
    display:block;
    margin-left: 0;
    line-height:1.1;
  }
  #sendDataAnketa .cta-arrow{
    width: 38px;
  }
  
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d7105e4 */#vidim_VV{
  width: clamp(300px, 48vmin, 820px) !important; /* ~672 px na 1920×1080 */
  height: auto;
  max-width: none !important; /* poništi Elementor max-width:100% */
  margin-left: clamp(100px, 21vw, 1100px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0aa3164 */@media (min-width: 2200px) {
 
}


.page-view{ display:none; }
  .page-view.is-active{ display:block; }

  /* ===== LOADING OVERLAY ===== */
  #loading-video{
    height: 55vh;
    display:block;
    align-items: center;
    justify-content: center;
  }

  /* Fallback klasa – kada sakrivamo overlay nakon videa */
  #page-loading.hidden{
    display:none !important;
  }
  
  #video-holder {
  margin-top: 21vh;  /* promeni broj po potrebi */
}
  
  
  /*          kolo in pointer css           */
 /*  -------------------------------------- */
/*   
  .wheel-stage {
  width: 40vw;
  height: 40vh;
  position: relative;
  margin-top: -17vh;
  margin-left: 7vw; 
  
}*/

.wheel-stage {
  position: relative;
  
  /* Širina i visina kola: raste do određene granice */
  width: clamp(280px, 38vw, 680px);
  height: clamp(280px, 67vh, 680px);

  /* Margine za fino pozicioniranje */
  margin-top: clamp(-100px, -59vh, -60px);
  margin-left: clamp(20px, 7vw, 160px);
}


.wheel-pointer-img {
  position: absolute;
  top: -2vh;          /* pomeriš gore/dole po potrebi */
  left: 50%;
  width: 15%;
  transform: translateX(-50%);
  z-index: 999;
}
/*
html,
body {
  overflow: hidden !important;
}*/

#text_polje {
    postiion:relative;
    top: clamp(24px, 1dvh, 200px);
} 

/*#text_zavrti {
  position: relative;
  top: 285px;  
  left: 275px !important;   
}*/

#text_zavrtiCont {
  position: relative;
  top: 28.5vh;    /* pomera gore (-) ili dole (+) */

}
 /*
#start_spin {
  position: relative;
  top: 155px;    
  left: 275px !important;  
}*/

#start_cont {
  top: 15.5vh;    /* pomera gore (-) ili dole (+) */

}

#panel-initial  {
  top: 5vh;    /* pomera gore (-) ili dole (+) */
}

#text_zavrti1 {
  position: relative;  /* osigurava pravilno ponašanje margine */
  
}




/*           PrizeChange - buttonChange - mehanika 
--------------------------------------------------------------------*/

/* Glavni kontejner */
#page-wheel {
  --bg: #153C87;   /* početna plava pozadina */
  --btn-bg: #2CC1A7; /* početna boja dugmeta (možeš menjati) */
  background-color: var(--bg);
  transition: background-color 0.4s ease;
}

/* Početni i nagradni panel */
#panel-initial { 
    display: block;
    
}

#panel-prize   { 
  display: none;
  
}

#page-wheel.is-won #panel-initial { display: none; }
#page-wheel.is-won #panel-prize   { display: block; }

/* Slika nagrade */
#prizeImage img {
  height: auto;
}

/* Dugme u nagradnom ekranu */
/*#claimBtn {
  background: var(--btn-bg) !important;
  border-color: var(--btn-bg) !important;
  transition: background-color .25s ease, border-color .25s ease;
  width: 55% !important;
  display: inline-block !important;
  margin-left: 11vw;
  margin-top: 4.5vh !important;
}*/
#user-terms-checkbox p {
  font-family: 'OpenSansMedium', sans-serif;
  font-size: 14px;
  color: #ffffff;
  margin-top: -5px; /* podiže tekst malo gore */
  margin-left: 8px; /* pomera tekst udesno */
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

#user-terms-checkbox p a {
  color: #3cb5a1; /* zelena boja za link */
  text-decoration: none; /* uklanja podvlačenje linka (opciono) */
}

#user-terms-checkbox p a:hover {
  text-decoration: underline; /* doda podvlačenje kad se pređe mišem */
}

h3 {
  color: #ffffff;
  font-family: 'OpenSansExtraBold', sans-serif;
}

.nagradna-igra .input {
  background-color: transparent !important;
  padding: 0.46vh 0.78vw;
  width: 90%;
}

.nagradna-igra .input::placeholder {
  color: #ffffff;
}

.nagradna-igra .error {
  color: #ff0000;
}

.nagradna-igra .input:focus {
  background-color: #153C87;   /* ostaje transparentan */
  color: #ffffff;                  /* tekst ostaje beo */
  border-color: #3cb5a1;           /* opcionalno – zelena ivica kad je aktivan */
  outline: none;
}


#user-terms-checkbox {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end; /* pomera ceo blok udesno */


}

#podaci #sendDataUser {
  align-self: center !important;  /* pregazi align-items sa roditelja */
  display: block;                 /* ne zavisi od text-align roditelja */
  width: fit-content;             /* širina po sadržaju */
  width: 90%;
}


/* ===== Inputs – prisili plavu pozadinu i beli tekst UVEK ===== */
#podaci .nagradna-igra .input,
#podaci .nagradna-igra .input:focus {
  background-color: #153C87 !important;  /* stavi transparent ako želiš providno */
  color: #ffffff !important;
  caret-color: #ffffff !important;
  border: 0.23vw solid #ffffff;
  border-radius: 1.5vw;
  outline: none !important;
  -webkit-appearance: none;
  appearance: none;
  -webkit-text-fill-color: #ffffff !important; /* WebKit tekst */
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  overflow: hidden;                              /* iseče sve po radijusu */
  -webkit-mask-image: -webkit-radial-gradient(white, black) !important; /* natera Safari da poštuje radius i dok kucaš */
}

#podaci .nagradna-igra .input::placeholder { color: #ffffff !important;}

/* ===== Chrome/Safari (WebKit) AUTOFILL ===== */
#podaci .nagradna-igra .input:-webkit-autofill,
#podaci .nagradna-igra .input:-webkit-autofill:hover,
#podaci .nagradna-igra .input:-webkit-autofill:focus {
  -webkit-text-fill-color: #ffffff !important;   /* beli tekst */
  caret-color: #ffffff !important;
  /* oboji autofill pozadinu preko inset box-shadow hacka */
  -webkit-box-shadow: 0 0 0 1000px #153C87 inset !important;
          box-shadow: 0 0 0 1000px #153C87 inset !important;
  /* spreči “blink” vraćanja bele */
  transition: background-color 9999s ease-in-out 0s !important;
}

/* ===== Firefox AUTOFILL ===== */
#podaci .nagradna-igra .input:-moz-autofill {
  color: #ffffff !important;
  box-shadow: 0 0 0 1000px #153C87 inset !important;
}

/* (opc.) Ako baš želiš i ovaj interni selektor kao fallback: */
#podaci .nagradna-igra .input:-internal-autofill-selected {
  background-color: #153C87 !important;
  color: #ffffff !important;
}

.error {
  margin-bottom: 0.46vh;
}

/* default (unchecked) already defined on #user-terms-checkbox-image */

/* when checked → force filled image */
#user-terms-checkbox.is-checked #user-terms-checkbox-image {
  background-image: url("https://vidim-nagrajuje.si/wp-content/uploads/2025/10/chackbox_filled_prijava.png") !important;
}

.page-view{ display:none !important; }
.page-view.is-active{ display:block !important; }


/* parent koji drži #panel-initial (iz tvog loga je flex) */
#page-wheel {
  align-items: flex-start !important;   /* umesto center */
  justify-content: center;              /* po želji, horizontalno */
}

/* DESKTOP/TABLET – responsive pozicija i skala, izgled ostaje isti */
#textCont{
  position: relative;
  /* spuštanje i pomeraj ulevo – fluidno */
  top: clamp(16px, 6vh, 96px);
  left: 3vw;
  margin-left: clamp(12px, 4vw, 80px);

  /* dimenzije i stil – zadržavamo tvoj izgled, samo sa clamp */
  max-width: clamp(420px, 44vw, 760px);
  padding: clamp(12px, 1.6vw, 22px) clamp(14px, 2vw, 28px);
  border-radius: clamp(10px, .9vw, 18px);

  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.18);
  box-shadow: 0 6px 18px rgba(0,0,0,0.18);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  color: #fff;
}


#VV_sodelovanje {
  transform: scale(0.8);   /* 0.6 = 60% originalne veličine */
  transform-origin: center center; /* skalira iz centra (možeš menjati u top/left) */
}

#SodelovalSi {
  text-align: center;        /* poravnaj tekst po sredini */
  line-height: 1.1;          /* lep razmak između dva reda */
}


#imgVV{
  width: clamp(300px, 59vmin, 820px) !important; /* ~672 px na 1920×1080 */
  max-width: none !important; /* poništi Elementor max-width:100% */
  margin-left: clamp(100px, 25vw, 1100px) !important;
}






/* ===================== MOBILE (≤ 768px) ===================== */
@media (max-width: 768px){

  /* Layout ne centriraj vertikalno (sprečava skokove) */
  #page-wheel{
    align-items: flex-start !important;
    justify-content: center;
    padding: 2rem 1rem;                 /* malo unutrašnjeg razmaka */
  }

  /* WHEEL – resetuj hackove sa desktopa i centriraj */
  .wheel-stage{
    width: 70vw !important;
    aspect-ratio: 1 / 1;
    height: auto !important;

    margin: 2vh auto 0 !important;      /* centar i malo razmaka gore */
    margin-left: 0 !important;
    margin-top: 0 !important;           /* pregazi -42vh sa desktopa */
    right: -7.5vw !important;
    top: -38vh !important;
  }

  .wheel-pointer-img{
    top: -3% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 14vw !important;             /* skaluje se sa širinom ekrana */
  }

 

  /* TEKST CARD – full width, centriran, bez ručnih top/left */
  #textCont{
    position: static !important;         /* raskini sa top/left */
    top: auto !important;
    left: auto !important;
    transform: none !important;

    width: 100%;
    max-width: 90vw;                     /* čitljiv red */
    margin: 2vh auto 0;                  /* centriraj */
    padding: 1rem 1.1rem;
    text-align: center;
  }

  #SodelovalSi{
    text-align: center;
    line-height: 1.35;
    font-size: clamp(1rem, 3.2vw, 1.15rem);
  }

  

  /* PANELOVI OKO SPINA – poravnaj i centriraj na mobilnom */
  #text_zavrtiCont{
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    text-align: center !important;
    margin: 1.5vh auto 0 !important;
  }
  
  

  /* Forma gore – ne guraj je negativnim top-om na fonu */
  #podaci{
    position: static !important;
    top: auto !important;
    padding-right: 0 !important;
    margin-top: 2vh !important;
    

    align-items: center !important;
    justify-content: flex-start !important;
  }
  
  h5 {
      font-size:  5;
      color: white;
      font-family: OpenSansExtraBold;
  }

  /* Dugme claim/start – full širina na fonu */
 /*  #claimBtn {
    width: 92vw !important;
    max-width: 320px !important;
    margin: 1rem auto 0 !important;
    display: block !important;
  }*/
  
  
  #panel-initial {
    position: relative !important;
    top: -45vh !important;     /* pomeri panel GORE za 10% visine ekrana */
    margin-top: 0 !important;  /* resetuj Elementor margine */
    padding-top: 0 !important; /* resetuj Elementor padding ako ga ima */
  }
 #text_zavrti1{
    /* reset starih pomeranja sa desktopa */
    position: static !important;
    margin: 0 auto !important;
    left: auto !important;
    
    /* tipografija */
    font-size: clamp(0.95rem, 3.6vw, 1.15rem); /* manji, ali fluidan */
    line-height: 1.2;                           /* zbijenije */
    letter-spacing: 0.2px;

    /* raspored / lomljenje */
    max-width: 92vw;           /* da ima više širine → manje redova */
    text-align: center;        /* ili 'left' ako ti više leži */
    text-wrap: balance;        /* lepše lomljenje (gde je podržano) */
    overflow-wrap: normal;
    word-break: normal;
    white-space: normal;       /* ne forsira nove redove */

    /* malo daha oko teksta */
    padding: 0 .25rem;
  }
  #wheelCont {
    position: relative !important;
    top: -2vh !important;     /* pomeri panel GORE za 10% visine ekrana */
    margin-top: 0 !important;  /* resetuj Elementor margine */
    padding-top: 0 !important; /* resetuj Elementor padding ako ga ima */
  }
/* 1) Najčistije rešenje: kolona na mobu */
.nagradna-igra{
  flex-direction: column;   /* umesto row */
  align-items: stretch;
}

/* 2) Error ispod inputa, čitljiv */
.nagradna-igra .error{
  display: none;
  opacity: 0;
  visibility: hidden;
  margin-top: 0.6vh;        /* mali razmak ispod inputa */
  line-height: 1.2;
}

.nagradna-igra .error.show{
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.nagradna-igra .error[style*="display: block"]{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
  }
  
.error {
  font-size: 0.8rem !important;
} 

/* (opciono) ako želiš da input ne gura previše: */
.nagradna-igra .input{
  width: 100%;
}


  /* --- 1️⃣ FULL NAME --- */
  #fullName {
    margin-bottom: 1rem; /* prostor ispod input polja */
  }

  #fullName + .error {
    margin-top: -2vh;
  }

  /* --- 2️⃣ EMAIL --- */
  #email {
    margin-bottom: 1rem;
  }

  #email + .error {
    margin-top: -2vh;
    margin-bottom: 0.8rem;
  }

  /* --- 3️⃣ PHONE NUMBER --- */
  #mobilePhoneNumber {
    margin-bottom: 1rem;
  }

  #mobilePhoneNumber + .error {
    margin-top: -2vh;
    margin-bottom: 0.8rem;
  }
  
  #Starost {
    margin-bottom: 1rem;
  }

  #Starost + .error {
    margin-top: -2vh;
    margin-bottom: 0.8rem;
  }
  
  #Dioptrija {
    margin-bottom: 0.1rem;
  }

  #Dioptrija + .error {
    margin-top: 0vh;
    margin-bottom: 0.4rem;
  }
  
  #user-terms-checkbox {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end; /* pomera ceo blok udesno */
    margin-top: -1vh; /* podiže ceo blok malo gore */
    margin-left: 4vw; /* pomera ceo blok udesno */
  }

  #user-terms-checkbox input[type="checkbox"] {
    width: 4vw;
    height: 4vw;
    flex-shrink: 0;
    margin-top: 0.6vh;                /* blago centriranje po visini */
  }

  #user-terms-checkbox-image {
    flex-shrink: 0;
    width: 4vw;
    height: 4vw;
    right: 1vw;
  }

  #user-terms-checkbox p {
    flex: 1;
    margin: 0;
    font-size: 3vw;
    line-height: 1.4;
    max-width: 80vw;                  /* ograničena širina teksta */
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    
    margin-left: 1vw;
         
 
  }

  /* Error poruka ispod – da bude poravnata levo kao i sadržaj */
  #user-terms-error {
    margin-left: 5vw;
    font-size: 2vw;
    line-height: 1.4;
    text-align: left;
    margin-top: 0.5vh;
  }
 #podaci #sendDataUser {
    margin-left: 1vw;
    margin-top: -3vh;
  }
  #bold1{
    font-family: "OpenSansExtraBold", Sans-Serif;
    font-size: 15px;
    margin-left: -9.5vw;
    
}

#italic1{
    font-size: 15px;
    margin-left: -10.2vw;
    letter-spacing: 0.1vw;
}

.elementor-button-icon{
    font-size: 20px;
}
#sendDataUser #bold1,
#sendDataUser #italic1 {
  line-height: 1.2;       /* sabija vertikalni razmak */
}

#sendDataUser #italic1 {
  margin-top: -0.5vh;   /* po želji, još malo ih približi */
}

  
  
#text_zavrti {
    font-size: 1rem;
    line-height: 1.2;
    align-self: center;
    margin-left: 8vw;
  }
#panel-prize {
    margin-top: -3vh;
}

/* 1) Panel sa nagradom mora biti vidljiv i “neutralan” (kao #text_zavrtiCont) */
  #page-wheel.is-won #panel-prize{
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    text-align: center !important;
    margin: 1.5vh auto 0 !important;  /* kao kod #text_zavrti */
  }
  
  #page-wheel.is-won #panel-prize .elementor-hidden-phone,
  #page-wheel.is-won #panel-prize .elementor-hidden-mobile{
    display: contents !important;   /* ne lomi layout, a "skida" hiding */
    visibility: visible !important;
    opacity: 1 !important;
  }
  #prizeImage {
    display:none;  
      
  }

 #vidim_VV,
 #vidim_VVcont {
    display: none !important;
    visibility: hidden !important;
  }
 #anketaHolder {
     margin-top: 4vh;
 }
#bold2, 
#italic2 {
  display: inline;              /* da stoje u istom redu */
  vertical-align: baseline;     /* poravnanje po liniji teksta */
  white-space: nowrap;          /* sprečava prelamanje u novi red */
}

/* zadržiš postojeće stilove */
#bold2 {
  font-family: "OpenSansExtraBold", Sans-Serif;
  font-size: 3.2vw;;
}

#italic2 {
  font-size: 4vw;
  margin-left: 0.5vw;             /* umesto -85px, koristi mali pozitivni razmak */
  letter-spacing: 0.2vw;
  font-style: italic;           /* ako hoćeš da bude kurziv */
}
#sendDataAnketa .elementor-button-icon {
  display: inline-flex;
  align-items: center;     /* vertikalno centriranje unutar dugmeta */
  justify-content: center;
  vertical-align: middle;
  font-size: 6vw;
  position: relative;
  top: -0.5vh;                  /* reset da ne bude podignuta */
}

#Vidim_Link {
    /* zadrži sve postojeće boje/border-e */
    display: block;
    width: 90vw;              /* uži na mobilu */
    max-width: 360px;         /* da ne ide preko */
    margin: 12px auto;        /* centriraj */
    padding: 10px 16px;       /* manji padding = više mesta za tekst */
    box-sizing: border-box;
    line-height: 1.2;         /* kompaktniji tekst */
    text-align: center;
    font-size: 16px;          /* smanji font na tel. */
    font-weight: 800;         /* kao na desktopu */
    letter-spacing: .3px;
    white-space: normal;      /* da nije po jednom slovu u koloni */
    word-break: keep-all; 
    margin-left: -5.5vw;
  }
#imgVV {
    display:none;
   }
   
 #podaci .nagradna-igra .input,
#podaci .nagradna-igra .input:focus {
      border: 0.7vw solid #ffffff;
      border-radius: 4.5vw;
    }  
.nagradna-igra .input {
      background-color: transparent !important;
      padding: 0.46vh 3vw;
      width: 90%;
    }   
   #page-wheel.can-start #start_cont{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    text-align: center !important;
    margin: 1.5vh auto 0 !important;
    z-index: 10005 !important;
  }

  #page-wheel.can-start #start_spin{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 92vw;
    max-width: 360px;
    height: clamp(56px, 7vh, 70px);
    margin: 1.2vh auto 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 10006 !important;
  }

  /* čim pređemo u prize screen, dugme nestaje */
  #page-wheel.is-won #start_cont,
  #page-wheel.is-won #start_spin{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  /* sigurnosno: kad si već na nagradnom ekranu, start više ne treba da se vidi */
  #page-wheel.is-won #start_cont,
  #page-wheel.is-won #start_spin{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}

/* ===================== VERY SMALL (≤ 480px) – kozmetika ===================== */
@media (max-width: 480px){
  .wheel-pointer-img{ width: 16vw !important; }
  #textCont{ padding: .9rem 1rem; max-width: 92vw; }
}

.only-mobile{display:none}
@media (max-width:768px){ .only-desktop{display:none} .only-mobile{display:block} }

#VV_sodelovanje,
#endImageMob {
  display: none;
  visibility: hidden;
  opacity: 0;
}

.wheel-stage .wheel-caption {
  font-family: "OpenSansExtraBold", sans-serif;
  font-size: clamp(16px, 1.6vw, 28px);
  color: #ffffff;
  text-align: center;
  margin-top: clamp(12px, 2vh, 28px);
  width: 100%;
  letter-spacing: 0.5px;
  text-transform: normal;
  font-weight: 800;
}

/* ✔️ Tačno 1024×768 */
@media screen and (width: 1024px) and (height: 768px) {
  .wheel-stage{
    width: clamp(520px, 68vmin, 700px);
    aspect-ratio: 1/1;
    height: auto;
    margin-top: -25vh !important;
    margin-left: 0 !important;
  }

  .wheel-pointer-img{
    width: 12% !important;
    top: -1vh !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  #panel-initial{
    
  }

 #textCont{
    position: relative !important;
    top: clamp(20px, 7vh, 72px) !important;
    left: 0 !important;
    margin: 0 0 0 clamp(16px, 6vw, 72px) !important; /* ulevo */
    max-width: clamp(400px, 48vw, 700px) !important;
    padding: clamp(12px, 1.5vw, 20px) clamp(14px, 1.8vw, 24px) !important;
    border-radius: clamp(10px, .8vw, 16px) !important;
  }

  #start_cont{
    top: 6vh !important;
  }

  #text_polje{
    bottom: clamp(20px, 6vh, 120px) !important;
  }

  /* #claimBtn {
    width: 35vw !important;
    max-width: 520px !important;
    margin: 2vh auto 0 !important;
    display: block !important;
  }*/
  #bold {
      left: 1vw !important;
      position: relative;
  }
  #panel-prize{
    margin-top: 6vh !important;
  }

  .wheel-caption{
    font-size: clamp(14px, 2.2vmin, 22px) !important;
    margin-top: 12px !important;
  }
  .nagradna-igra .error{
    min-height: 0 !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    margin: 0 !important;
  }
  .nagradna-igra .error.show{
    display: block !important;   /* kada stvarno treba da se vidi */
    opacity: 1 !important;
    visibility: visible !important;
  }

  #fullName {
    margin-bottom: 1rem; /* prostor ispod input polja */
  }
  #fullName:has(+ .error.show),
  #fullName:has(+ .error[style*="display: block"]) {
      margin-bottom: 0 !important;
    }
  
  #email {
    margin-bottom: 1rem;
  }
  #email:has(+ .error.show),
  #email:has(+ .error[style*="display: block"]) {
      margin-bottom: 0 !important;
    }
  #mobilePhoneNumber {
    margin-bottom: 1rem;
  }
  #mobilePhoneNumber:has(+ .error.show),
  #mobilePhoneNumber:has(+ .error[style*="display: block"]) {
      margin-bottom: 0 !important;
    }
  #Starost {
    margin-bottom: 1rem;
  }
  #Starost:has(+ .error.show),
  #Starost:has(+ .error[style*="display: block"]) {
      margin-bottom: 0 !important;
    }
  #Dioptrija {
    margin-bottom: 0.5rem;
  }
  #Dioptrija:has(+ .error.show),
  #Dioptrija:has(+ .error[style*="display: block"]) {
      margin-bottom: 0 !important;
    }
  #prizeImage{
    width: 100% !important;  
  }
  .elementor-7 .elementor-element.elementor-element-ca3ad0d img {
        width: 70% !important;
    }
  #vidimNaslov {
      width: 120%;
      max-width: 150%;
  }
}

/* === PRIKAŽI tačno kad se aktivira start (isto stanje kao dugme) */
#page-wheel.can-start #text_zavrti,
#page-wheel.can-start #text_zavrti1,
#page-wheel.can-start #text_zavrtiCont{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative;
  z-index: 10010;
}
@media (max-width: 820px){
  #page-wheel.can-start #text_zavrti,
  #page-wheel.can-start #text_zavrti1,
  #page-wheel.can-start #text_zavrtiCont{
    display: block !important;
  }
}
#page-wheel.can-start #text_zavrti.elementor-hidden-phone,
#page-wheel.can-start #text_zavrtiCont.elementor-hidden-phone,
#page-wheel.can-start #text_zavrti.elementor-hidden-mobile,
#page-wheel.can-start #text_zavrtiCont.elementor-hidden-mobile{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
#page-wheel.can-start .elementor-hidden-phone,
#page-wheel.can-start .elementor-hidden-mobile{
  display: contents !important;
  visibility: visible !important;
  opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cfb410d */#VV_sodelovanje{
  display: block;
  width: clamp(400px, 30vw, 1150px);  /* 60% širine, min i max granice */
  height: auto;
  max-width: none !important;         /* poništi Elementorovo max-width:100% */
  margin: 0 auto;                     /* centriraj sliku ako treba */
  transform: translateX(clamp(10px, 2vw, 40px)); /* pomeri udesno */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-03bdaa9 *//* === VEČ O VIDIM OČESNEM CENTRU dugme === */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&display=swap');

#vidimBtn{
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;

  background: #d97ab6;           /* ružičasta pozadina */
  color: #fff;
  font-family: "OpenSansExtraBold", sans-serif;
  font-weight: 900;              /* ExtraBold */
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.2;
  letter-spacing: .4px;

  /* veličina i proporcije – fluidno */
  width: clamp(260px, 34vw, 520px);
  height: clamp(70px, 8vh, 90px);
  border-radius: 999px;
  padding: 0 clamp(20px, 4vw, 40px);

  font-size: clamp(16px, 1.6vw, 26px);
  box-shadow: 0 2px 0 rgba(0,0,0,.08) inset;

  transition: transform 0.08s ease, filter 0.2s ease;
  cursor: pointer;
}

/* Hover i active efekti */
#vidimBtn:hover{ filter: brightness(1.08); }
#vidimBtn:active{ transform: translateY(1px); }

/* Centriraj dugme ako je samo u sekciji */
.vidim-wrapper{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  margin: clamp(20px,4vh,60px) auto;
}

#vidimBtn{
  float: right; /* pomeri skroz desno */
  margin-right: clamp(20px, calc(-12px + 10vw), 180px);
  clear: both;
}

/* ✅ Precizni patch-evi samo za ekrane gde je previše ulevo */

/* 1280 × 800 (16:10) */
@media screen and (width:1280px) and (height:800px){
  #vidimBtn{ margin-right: clamp(16px, 4vw, 120px) !important; }
}

/* 1366 × 768 (16:9) */
@media screen and (width:1366px) and (height:768px){
  #vidimBtn{ margin-right: clamp(18px, 3vw, 130px) !important; }
}

/* 1440 × 900 (16:10) */
@media screen and (width:1440px) and (height:900px){
  #vidimBtn{ margin-right: clamp(20px, 4vw, 140px) !important; }
}

/* 1600 × 900 (16:9) */
@media screen and (width:1600px) and (height:900px){
  #vidimBtn{ margin-right: clamp(20px, 5vw, 150px) !important; }
}

@media (max-width: 768px){
  #vidimBtn{
    float: none !important;           /* ukini float desno */
    margin-right: 0 !important;       /* resetuj desnu marginu */
    margin-left: 8vw !important;      /* pomeri malo ulevo (podesi po želji) */
    align-self: flex-start !important;/* zadrži orijentaciju ulevo */
    font-weight: 900;
    font-family: "OpenSansExtraBold", sans-serif;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'OpenSansExtraBold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://vidim-nagrajuje.si/wp-content/uploads/2025/10/OpenSans-ExtraBold.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'OpenSansRegular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://vidim-nagrajuje.si/wp-content/uploads/2025/10/OpenSans-Regular.woff') format('woff');
}
/* End Custom Fonts CSS */