.label-above .nf-field-element, .label-below .nf-field-element {
    margin: 0;
    width: 100%;
    text-align: center;
}

input#nf-field-8 {
    background-color: #000099;
    border-radius: 30px
}

input#nf-field-19 {
  transform: scale(1.3);
  transform-origin: center;
}

input#nf-field-19 {
    background-color: #000099;
    border-radius: 30px	
}

input#nf-field-19 {
    background-color: #000099;
    border-radius: 30px	
}

input#nf-field-19 {
    font-weight: 800;
}
input#nf-field-17 {
    display: none;
}

input#nf-field-25 {
    display: none;
}
input#nf-field-15 {
    TEXT-ALIGN: center;
}

input#nf-field-21 {
    display: none;
}

input#nf-field-20 {
    TEXT-ALIGN: center;
}

input#nf-field-23 {
    display: none;
}

input#nf-field-22 {
    TEXT-ALIGN: center;
}


input#nf-field-28 {
    TEXT-ALIGN: center;
}

.home-logo-page {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
  background: radial-gradient(circle at center, #002ca3 0%, #00103d 100%);
}

/* Logo */
.home-logo-page img {
  width: auto;
  height: auto;
  max-width: 70vw;    /* desktop */
  max-height: 70vh;   /* desktop */
  filter: drop-shadow(0 0 25px rgba(0, 80, 255, 0.5));
  animation: fade 1.2s ease-in-out, glow 2s ease-in-out infinite alternate;
}

/* Fade-in animacija */
@keyframes fade {
  from {opacity: 0; transform: scale(0.96);}
  to {opacity: 1; transform: scale(1);}
}

@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.08); } /* pulsira do 108% */
}


/* Mobilni uređaji */
@media (max-width: 768px) {
  .home-logo-page img {
    max-width: 110vw;   /* puno veće */
    max-height: 60vh;
  }
}

/*testiranje*/

/* Splash Screen */
#splash-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #021024;
  z-index: 1000;
  perspective: 1000px; /* Za 3D rotaciju */
}

/* Logo sa rotacijom oko svoje ose i zaustavljanjem */
#logo {
  width: 150px;
  height: auto;
  animation: spinY 3s cubic-bezier(0.25, 0.75, 0.5, 1) forwards;
}

/* Animacija rotacije Y (brzo na usporavanje, završava se zaustavljenim logom) */
@keyframes spinY {
  0%   { transform: rotateY(0deg); }
  50%  { transform: rotateY(720deg); }  /* Brzo okretanje */
  }

.nf-form-fields-required,
.nf-field-label .ninja-forms-req-symbol {
  display: none !important;
}

/* ukloni zelenu kvačicu i sve default valid/stilove */
.nf-field-wrap.nf-valid,
.nf-field-wrap.nf-error,
.nf-field-wrap.nf-error .nf-element input,
.nf-field-wrap.nf-error input,
.nf-field-wrap.nf-error textarea,
.nf-field-wrap.nf-valid .nf-element input,
.nf-field-wrap.nf-valid input,
.nf-field-wrap.nf-valid textarea,
.nf-field-wrap.nf-valid::after,
.nf-field-wrap.nf-error::after,
.nf-field-label:after {
    display: none !important;
    border: none !important;
    background: none !important;
    content: "" !important;
}

/* poruka greške ispod polja */
.mbet-error-msg {
    color: #d00;
    margin-top: 4px;
    font-size: 13px;
}

/* crveni okvir kada je greška */
.mbet-error {
    border: 2px solid #d00 !important;
}

/* zeleni okvir kada je validno */
.mbet-valid {
    border: 2px solid #28a745 !important;
}

/* uklanja zelenu kvačicu */
.nf-pass.field-wrap .nf-field-element:after {
    display: none !important;
    content: "" !important;
}

/*OVDJE CU RADITI INPUT POLJE ZA UNOS ID */
@keyframes pulse-blue {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7);
  }
  50% {
    box-shadow: 0 0 0 8px rgba(0, 123, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
  }
}

input#nf-field-15,
input#nf-field-20,
input#nf-field-24,
input#nf-field-28,
input#nf-field-22 {
  width: 250px;
  border-radius: 8px;
  padding: 10px;
  border: 2px solid #007bff;
  display: block;
  margin: 10px auto;
  box-sizing: border-box;
  font-style: italic;
  color: #666;
  animation: pulse-blue 1s infinite; /* brži puls */
  transition: all 0.2s ease;
}

input#nf-field-15:focus,
input#nf-field-20:focus,
input#nf-field-24:focus,
input#nf-field-28:focus,
input#nf-field-22:focus {
  border-color: #007bff;
  outline: none;
  font-style: normal;
  color: #000;
  animation: none; /* prestaje kad klikne */
  transform: scale(1.03); /* lagano povećanje pri fokusu */
}




/* 🔹 Desktop i mobilno zajednički */
.promo-img .sow-carousel-slide img {
    border-radius: 12px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    display: block !important;
}

/* 🔹 Hover efekt */
.promo-img .sow-carousel-slide img:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.3) !important;
}

/* 🔹 Mobilni prikaz – 2 slike po redu */
@media only screen and (max-width: 768px) {
    .promo-img .sow-carousel-slides {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 8px !important;
    }

    .promo-img .sow-carousel-slide {
        flex: 0 0 48% !important;
        max-width: 48% !important;
        margin: 0 auto !important;
        display: flex !important;
        justify-content: center !important;
        overflow: visible !important; /* da hover zoom radi */
    }

    .promo-img .sow-carousel-slide img {
        width: 100% !important;
        height: auto !important;
        border-radius: 12px !important;
    }
}


input#nf-field-29,
input#nf-field-27,
input#nf-field-31,
input#nf-field-33 {
  transform: scale(1.1);
  transform-origin: center;
  background-color: #000099;
  border-radius: 30px;
  font-weight: 800;
}