.pdb-error {
background:#fcc3bf;
color:#ff0202;
font-weight:bold;
padding:10px;
text-shadow:0px 0px 1px #777;
}
#submit-button.controls{margin-top:2em;}


/* Registracija dugme */
.pdb-signup input.pdb-submit.btn {
  color: #fff !important; /* Bootstrap zelena */
  border: none !important;
  /*! color: #fff !important; */
  font-size: 1.8rem;
  font-weight: 600;
  padding: 12px 24px;
  border-radius: 8px;
  transition: all 0.22s ease-in-out;
  background: #047da8;
}

/* Hover efekat */
.pdb-signup input.pdb-submit.btn:hover {
  background-color: #28d005 !important; /* tamnija zelena */
  color: #fff !important;
  transform: scale(1.2);
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

/* Polja input/select/textarea */
form .form-group input[type="text"],
form .form-group input[type="email"],
form .form-group input[type="tel"],
form .form-group input[type="number"],
form .form-group input[type="file"],
form .form-group select,
form .form-group textarea {
  width: 100%;
  border: 2px solid #047da8;
  border-radius: 10px;
  padding: 12px 14px;
  background: linear-gradient(145deg, #ffffff, #f9f9f9); /* blagi gradient */
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.05), 0 2px 6px rgba(24, 119, 242, 0.12);
  transition: all 0.3s ease;
  font-size: 15px;
  color: #333;
}

/* Fokus efekat sa glow-om */
form .form-group input:focus,
form .form-group select:focus,
form .form-group textarea:focus {
  border-color: #1877f2;
  box-shadow: 0 0 0 4px rgba(24,119,242,0.2), inset 0 2px 6px rgba(0,0,0,0.08);
  outline: none;
  background: #fff;
}


/* Checkbox i radio lepo poravnati */
form .form-group input[type="checkbox"],
form .form-group input[type="radio"] {
  accent-color: #1877f2; /* moderni browseri */
  transform: scale(1.2);
  margin-right: 6px;
}

/* Dugme */
form input[type="submit"],
form button[type="submit"] {
  background: #1877f2;
  color: #fff;
  border: none;
  padding: 12px 26px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

form input[type="submit"]:hover,
form button[type="submit"]:hover {
  background: #28a745; /* lepa zelena */
  color: #fff;         /* ostaje bela */
  box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
  transform: translateY(-2px);
}

/* Kartica forme */
form {
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

/* Responsive */
@media (max-width: 768px) {
  form {
    padding: 16px;
  }
  form input[type="submit"],
  form button[type="submit"] {
    width: 100%;
  }
}
/* Sva polja PDB forme */
form .regular-text,
form .text-area,
form select {
  width: 100%;
  border: 2px solid #1877f2;
  border-radius: 10px;
  padding: 12px 14px;
  background: linear-gradient(145deg, #ffffff, #f9f9f9);
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.05),
              0 2px 6px rgba(24, 119, 242, 0.12);
  transition: all 0.3s ease;
  font-size: 15px;
  color: #333;
}

/* Fokus efekat */
form .regular-text:focus,
form .text-area:focus,
form select:focus {
  border-color: #1877f2;
  box-shadow: 0 0 0 4px rgba(24,119,242,0.2),
              inset 0 2px 6px rgba(0,0,0,0.08);
  outline: none;
  background: #fff;
}
/* Grid raspored glavnih polja */
@media (min-width: 768px) {
  form .field-group-main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }

  /* Ime | Prezime u dva stupca (default) */

  /* Email - preko cele širine */
  form .email-input-group {
    grid-column: 1 / -1;
  }

  /* Mailing lista - preko cele širine */
  form .mailing_list-input-group {
    grid-column: 1 / -1;
  }

  /* Naziv firme | Matični broj firme */
  form .naziv_firme-input-group,
  form .mb_firme-input-group {
    grid-column: auto;
  }

  /* Grad | Država */
  form .grad-input-group,
  form .država-input-group {
    grid-column: auto;
  }

  /* Adresa preko cele širine */
  form .adresa-input-group {
    grid-column: 1 / -1;
  }

  /* Fiksni | Mobilni telefon */
  form .fiksni_telefon-input-group,
  form .mobilni_telefon-input_group {
    grid-column: auto;
  }
}

/* Raspored za drugu grupu polja */
@media (min-width: 768px) {
  form .field-group-personal {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }

  /* Slika, Vrsta usluge, Vrsta vozila, Predstavljanje - uvek puna širina */
  form .photo-input-group,
  form .vrsta_usluge-input-group,
  form .vrsta_vozila-input-group,
  form .predstavljanje-input-group {
    grid-column: 1 / -1;
  }
}

/* Mobilni prikaz - sve jedna kolona */
@media (max-width: 767px) {
  form .field-group-main,
  form .field-group-personal {
    display: block;
  }
  form .form-group {
    margin-bottom: 15px;
  }
}
/* Stil za help tekst ispod polja */
form .help-block.helptext {
  background-color: #e9f9ec;       /* blago zelena pozadina */
  border-left: 4px solid #28a745; /* tamnija zelena linija za naglasak */
  padding: 6px 10px;
  margin-top: 5px;
  font-size: 0.9em;
  color: #2d572c;                  /* tamno zelena za tekst */
  border-radius: 4px;
}

/* Ulepšani checkbox stil */
form input[type="checkbox"] {
  width: 20px;
  height: 20px;
  cursor: pointer;
  accent-color: #28a745; /* moderna podrška za zelenu boju */
  margin-right: 6px;
}

/* Ako accent-color ne radi u starijim browserima, fallback */
form input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  border: 2px solid #28a745;
  border-radius: 4px;
  display: inline-block;
  position: relative;
  transition: all 0.2s ease;
}

form input[type="checkbox"]:checked {
  background-color: #28a745;
  border-color: #28a745;
}

form input[type="checkbox"]:checked::after {
  content: "✔";
  color: white;
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
}


/* Checkbox lepo poravnat ispod labela */
form .mailing_list-input-group .input-group {
  display: flex;
  align-items: center;
  gap: 8px;                 /* razmak između kvadratića i teksta */
  margin-bottom: 8px;       /* razmak ispod checkboxa pre help teksta */
}

/* Help tekst dobija dodatni razmak */
form .mailing_list-input-group .help-block.helptext {
  margin-top: 4px;
}

.captcha input {

    border: 2px solid #1877f2;
    border-radius: 10px;
    padding: 12px 14px;
    background: linear-gradient(145deg, #ffffff, #f9f9f9);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 6px rgba(24, 119, 242, 0.12);
    transition: all 0.3s 
ease;
    font-size: 15px;
    color: #333;
}