/* === v1.52 cijene: tab Izmjene na Oglašavanju — oznaka "[Izmjena] Cijena 29.900 € → 27.900 €" u retku i gumb
   "Isprintaj cijene (N)". app.js "[v1.52 cijene]" + oglas/izmjene.mjs. Samo raspored; boje su tokeni (svijetla tema
   i iCare). */

/* Redak popisa: pilula + promjena cijene + kad/tko + stanje feeda. Dijelovi se ne lome iznutra; kad red ne stane
   (mobitel, uski stupac) prelaze u novi red. */
.og-izmjena-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3px 8px;
  min-width: 0;
  font-size: 12.5px;
}
.og-izmjena-line > .status-pill { flex: 0 0 auto; height: 20px; min-height: 20px; font-size: 11.5px; }
.og-izmjena-change { color: var(--ink); font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums; }
.og-izmjena-facts { color: var(--ink-2); white-space: nowrap; }
.og-izmjena-feed { color: var(--ink-3); min-width: 0; }
.og-izmjena-feed.is-feed { color: var(--ok); }
.og-izmjena-facts::before,
.og-izmjena-feed::before { content: "·"; margin-right: 8px; color: var(--ink-3); }
.mobile-shell .og-izmjena-facts::before,
.mobile-shell .og-izmjena-feed::before { content: none; }
.mobile-shell .og-izmjena-feed { flex-basis: 100%; }

/* Zastarjela naslovna (v1.52 popravak): "[Naslovna] Stara leasing rata · razlozi · Složi ponovno →" — isti raspored kao
   redak izmjene; razlozi se smiju lomiti (mogu biti dugi), poveznica na stranicu oglasa. */
.og-cover-stale-line .og-cover-stale-reasons { white-space: normal; min-width: 0; }
.og-cover-stale-link { position: relative; z-index: 1; font-weight: 600; white-space: nowrap; }   /* iznad rastegnutog ::after naslova retka */
.og-cover-stale-link::before { content: "·"; display: inline-block; margin-right: 8px; color: var(--ink-3); font-weight: 400; }
.mobile-shell .og-cover-stale-link::before { content: none; }

/* Traka iznad popisa taba Izmjene: objašnjenje lijevo, "Isprintaj cijene (N)" desno; kad ne stane (mobitel, uski
   stupac), gumb ide ispod preko cijele širine. */
.og-izmjene-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-top: 12px;
  padding: 8px 10px 8px 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--surface-soft);
}
.og-izmjene-bar-text { flex: 1 1 260px; min-width: 0; color: var(--ink-2); font-size: 13px; }
.og-izmjene-print { display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex: 0 0 auto; margin-left: auto; }
.og-izmjene-print svg { width: 16px; height: 16px; }
.mobile-shell .og-izmjene-print { flex: 1 1 100%; min-height: 40px; }

/* Builder cjenika: napomena da nova cijena ide i u Izračun i u oglas */
.pp-sync-note { color: var(--brand-strong); }