/* Forma "Pošaljite dokumenta na procenu" — NASTAVAK kalkulatora u istoj kartici
   (blok .ao-pr-blok stoji posle fusnote, unutar .ao-kartica).
   Nasleđuje --ao-* tokene definisane na .ao-kalk u kalkulator-prevoda.css;
   fallback vrednosti pokrivaju samostalnu upotrebu. */

/* polja karaktera/strana premeštena ISPOD upload zone */
.ao-kalk .ao-mera-ispod { margin-top: 16px; }

.ao-kalk .ao-pr-blok {
  border-top: 1px solid var(--ao-line, #ebedf2);
  background: var(--ao-surface, #fafbfc);
  padding: 22px 26px 24px;
}

.ao-kalk .ao-pr-uvod { margin-bottom: 16px; }
.ao-kalk .ao-pr-naslov {
  font-family: var(--h-font, inherit), system-ui, sans-serif;
  font-size: 19px;
  font-weight: 700;
  margin: 0 0 6px;
  color: var(--ao-ink, #1f1a14);
}
.ao-kalk .ao-pr-opis {
  color: var(--ao-muted, #746a5e);
  font-size: 14.5px;
  margin: 0;
  max-width: 70ch;
}
.ao-kalk .ao-pr-opis strong { color: var(--ao-brand-deep, #b3500e); }

/* honeypot — van ekrana (ne display:none, to neki botovi detektuju) */
.ao-kalk .ao-pr-hp {
  position: absolute;
  left: -9999px;
  top: -9999px;
  height: 1px;
  overflow: hidden;
}

.ao-kalk .ao-pr-polja {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 18px;
}
.ao-kalk .ao-pr-poruka-polje { grid-column: 1 / -1; }
.ao-kalk .ao-pr-kontakt-polje { grid-column: 1 / -1; }
@media (max-width: 640px) { .ao-kalk .ao-pr-polja { grid-template-columns: 1fr; } }

/* „Kako želite da vas kontaktiramo?" — radio dugmad kao čipovi */
.ao-kalk .ao-pr-kontakt-legenda {
  display: block;
  font-size: 14.5px;
  margin-bottom: 8px;
  color: var(--ao-ink, #1f1a14);
}
.ao-kalk .ao-pr-kontakt-opcije {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
}
.ao-kalk .ao-polje label.ao-pr-kontakt-opcija {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  background: var(--ao-card, #fff);
  border: 1px solid var(--ao-line, #ebedf2);
  border-radius: var(--ao-radius-xs, 10px);
  color: var(--ao-ink, #1f1a14);
  font-size: 14px;
  line-height: 1;
  padding: 9px 13px;
  transition: border-color .15s, background-color .15s, box-shadow .15s;
}
.ao-kalk .ao-pr-kontakt-hint {
  font-weight: 400;
  color: var(--ao-muted, #746a5e);
  font-size: 13px;
}
.ao-kalk .ao-pr-kontakt-opcija input[type="radio"],
.ao-kalk .ao-pr-kontakt-opcija input[type="checkbox"] {
  accent-color: var(--ao-brand-deep, #b3500e);
  margin: 0;
  flex: none;
}
.ao-kalk .ao-pr-kontakt-opcija:hover { border-color: var(--ao-brand-deep, #b3500e); }
.ao-kalk .ao-pr-kontakt-opcija:has(input:checked) {
  border-color: var(--ao-brand-deep, #b3500e);
  background: var(--ao-brand-soft, #fff3ea);
  box-shadow: inset 0 0 0 1px var(--ao-brand-deep, #b3500e);
  font-weight: 600;
}
.ao-kalk .ao-pr-kontakt-opcija:focus-within {
  border-color: var(--ao-brand-deep, #b3500e);
  box-shadow: 0 0 0 3px var(--ao-brand-soft, #fff3ea);
}
/* onemogućena opcija (npr. hitan prevod — uskoro) */
.ao-kalk .ao-pr-kontakt-opcija:has(input:disabled) {
  opacity: .5;
  cursor: not-allowed;
  background: var(--ao-surface, #fafbfc);
}
.ao-kalk .ao-pr-kontakt-opcija:has(input:disabled):hover {
  border-color: var(--ao-line, #ebedf2);
  box-shadow: none;
}
.ao-kalk .ao-pr-kontakt-opcija input:disabled { cursor: not-allowed; }

.ao-kalk .ao-pr-polja input[type="text"],
.ao-kalk .ao-pr-polja input[type="email"],
.ao-kalk .ao-pr-polja input[type="tel"],
.ao-kalk .ao-pr-polja textarea {
  width: 100%;
  box-sizing: border-box;
  background: var(--ao-card, #fff);
  border: 1px solid var(--ao-line, #ebedf2);
  border-radius: var(--ao-radius-xs, 10px);
  color: var(--ao-ink, #1f1a14);
  font: inherit;
  font-size: 14.5px;
  padding: 10px 12px;
}
.ao-kalk .ao-pr-polja textarea { resize: vertical; min-height: 74px; }

/* automatska lista dokumenata iz kalkulatora */
.ao-kalk .ao-pr-lista { margin-top: 14px; }
.ao-kalk .ao-pr-lista-naslov {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--ao-muted, #746a5e);
  margin-bottom: 4px;
}
.ao-kalk .ao-pr-lista-prazno {
  color: var(--ao-muted, #746a5e);
  font-size: 13.5px;
}
.ao-kalk .ao-pr-fajl {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--ao-card, #fff);
  border: 1px solid var(--ao-line, #ebedf2);
  border-radius: var(--ao-radius-xs, 10px);
  font-size: 13px;
  margin-top: 6px;
  padding: 7px 12px;
}
.ao-kalk .ao-pr-fajl-ime {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.ao-kalk .ao-pr-fajl-vel { color: var(--ao-muted, #746a5e); flex: none; margin-left: auto; }
.ao-kalk .ao-pr-fajl-x {
  flex: none;
  width: 20px;
  height: 20px;
  line-height: 18px;
  padding: 0;
  border: 1px solid var(--ao-line, #ebedf2);
  border-radius: 50%;
  background: var(--ao-card, #fff);
  color: var(--ao-muted, #746a5e);
  font-size: 15px;
  cursor: pointer;
  transition: color .15s, border-color .15s, background-color .15s;
}
.ao-kalk .ao-pr-fajl-x:hover,
.ao-kalk .ao-pr-fajl-x:focus-visible {
  color: #fff;
  background: var(--ao-danger, #b3261e);
  border-color: var(--ao-danger, #b3261e);
}

.ao-kalk .ao-pr-recaptcha { margin-top: 16px; }

.ao-kalk .ao-pr-akcije {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
  margin-top: 16px;
}
.ao-kalk .ao-pr-posalji { font-size: 15px; padding: 11px 22px; }
.ao-kalk .ao-pr-posalji[disabled] { opacity: .55; cursor: default; }
.ao-kalk .ao-pr-nap { font-size: 12.5px; color: var(--ao-muted, #746a5e); max-width: 40ch; }

.ao-kalk .ao-pr-blok .ao-progres { margin-top: 12px; }
.ao-kalk .ao-pr-status {
  font-size: 14px;
  margin-top: 12px;
  padding: 10px 14px;
  border-radius: var(--ao-radius-xs, 10px);
}
.ao-kalk .ao-pr-status.ao-pr-ok {
  background: var(--ao-brand-soft, #fff3ea);
  color: var(--ao-brand-deep, #b3500e);
  font-weight: 600;
}
.ao-kalk .ao-pr-status.ao-pr-greska {
  background: #fdecec;
  color: var(--ao-danger, #b3261e);
}