/* === v1.51 autounos: podaci s aukcije, zadane vrijednosti, cijena iz Izračuna ===
   Oznaka izvora "zadano", polja koja pokazuju vrijednost iz izvora (stvarna vrijednost, ne blijedi
   placeholder), napomena iznad Podataka vozila, kartica "Podaci vozila" u dosjeu (tab Osnovno),
   oznaka "izračun" uz cijenu na cjeniku. Samo tokeni dizajn sustava (styles.css / ui.css). */

.oglas-src--zadano {
  background: var(--surface-soft);
  color: var(--ink-2);
  box-shadow: inset 0 0 0 1px var(--line-strong);
}

/* Vrijednost iz izvora: normalan tekst (nije placeholder), lijevi rub u boji oznake da se vidi odakle je */
.oglas-field.is-prefilled input,
.oglas-field.is-prefilled select {
  color: var(--ink);
  border-left: 3px solid var(--brand-line);
  padding-left: 7px;
}

.oglas-field-hint {
  font-size: 11.5px;
  color: var(--ink-3);
  line-height: 1.35;
}

.oglas-prefill-note {
  margin: -2px 0 10px;
  padding: 7px 10px;
  border-radius: var(--radius-sm);
  background: var(--brand-soft);
  color: var(--ink-2);
  font-size: 12.5px;
  line-height: 1.45;
}

.oglas-prefill-note.is-locked {
  background: var(--surface-soft);
  color: var(--ink-3);
}

/* Dosje → Osnovno → Podaci vozila */
.au-facts-card { display: grid; gap: 12px; }

.au-facts {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr));
  gap: 10px 18px;
  margin: 0;
}

.au-fact { min-width: 0; display: grid; gap: 2px; align-content: start; }

.au-fact dt {
  font-size: 10.5px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ink-3);
}

.au-fact dd {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 6px;
  font-size: 13.5px;
  font-weight: 560;
  color: var(--ink);
  min-width: 0;
}

.au-fact-value { overflow-wrap: anywhere; }

.au-facts-empty { margin: 0; color: var(--ink-3); font-size: 13px; }

.au-facts-eq { display: grid; gap: 6px; border-top: 1px solid var(--line); padding-top: 10px; }

.au-facts-eq-label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 6px;
  font-size: 10.5px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ink-3);
}

.au-facts-eq-note { text-transform: none; letter-spacing: 0; font-size: 11.5px; }

.au-facts-eq ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.au-facts-eq li {
  font-size: 12.5px;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--surface-soft);
  border: 1px solid var(--line);
  color: var(--ink-2);
}

.au-facts-eq li.au-facts-eq-more { background: none; border-style: dashed; }

/* Cjenik: oznaka "izračun" uz cijenu (dok je u polju iznos iz Izračuna) */
/* oznaka u istom redu kao "Cijena (€)" (label je grid; bez :has() oznaka stoji u svom redu — i to je čitljivo) */
.pp-form-grid label:has(> .pp-src:not([hidden])) { grid-template-columns: auto 1fr; align-items: center; column-gap: 6px; }
.pp-form-grid label:has(> .pp-src:not([hidden])) > input { grid-column: 1 / -1; }
.pp-form-grid label > .pp-src { justify-self: start; }
.pp-src[hidden] { display: none; }
.pp-src .oglas-src { vertical-align: 1px; }

/* === v1.51 popravci (fixa): kartica Podaci vozila na mobitelu ===================================================
   Na uskom ekranu (390 px) kartica je bila jedan dugi stupac: kratke vrijednosti (gorivo, vrata, sjedala…) idu u 2
   stupca, izvedba (dugi tekst) ostaje cijelim redom. */
@media (max-width: 560px) {
  .au-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; }
  .au-fact[data-fact="model_type"] { grid-column: 1 / -1; }
}