/* === v1.51 (Matija 13.10.): snaga kod hibrida ===================================================================
   Napomena odmah ispod polja "Snaga (kW)" na stranici oglasa (cijeli redak mreže Podataka vozila) s čipovima poznatih
   snaga (ui.chips: s aukcije, motor s aukcije, iz naziva, trenutna); kratko upozorenje u kalkulatoru ispod opisa uz
   policu osiguranja; napomena u kartici Podaci vozila u dosjeu. Samo tokeni dizajn sustava (styles.css / ui.css);
   tamni način dolazi s tokenima. Ručno potvrđena snaga (is-confirmed) = blaga, informativna napomena. */

.oglas-power-hint {
  display: grid;
  gap: 8px;
  min-width: 0;
  margin: -2px 0 4px;
}

/* cijela poruka (ui-notice is-wrap reže na 2 retka — ovdje je bitan cijeli tekst) */
.oglas-power-hint .ui-notice.is-wrap .ui-notice-text,
.au-facts-power .ui-notice.is-wrap .ui-notice-text {
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
}

.oglas-power-hint .ui-notice,
.au-facts-power .ui-notice {
  min-height: 0;
  padding: 7px 10px;
  align-items: start;
  font-size: 12.5px;
}

.oglas-power-hint .ui-notice-icon,
.au-facts-power .ui-notice-icon { padding-top: 1px; }

.oglas-power-hint.is-confirmed .ui-notice,
.au-facts-power.is-confirmed .ui-notice {
  --n-bg: var(--surface-soft);
  --n-line: var(--line);
  --n-ink: var(--ink-2);
}

/* čipovi: lomljenje u više redaka i na mobitelu (ui.css ih tamo stavlja u jedan red s vodoravnim skrolom) */
.oglas-power-hint .ui-chips,
.mobile-shell .oglas-power-hint .ui-chips {
  flex-wrap: wrap;
  overflow: visible;
}

.oglas-power-hint .ui-chip { max-width: 100%; }

/* Kalkulator ispod opisa: kratko upozorenje uz policu osiguranja */
.oglas-calc-power-warn {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin: 0;
  padding: 6px 8px;
  border: 1px solid var(--warn-line);
  border-radius: var(--radius-sm);
  background: var(--warn-soft);
  color: var(--warn);
  font-size: 12px;
  line-height: 1.4;
}

.oglas-calc-power-warn.is-confirmed {
  border-color: var(--line);
  background: var(--surface-soft);
  color: var(--ink-2);
}

.oglas-calc-power-warn .ui-i,
.oglas-calc-power-warn svg {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  margin-top: 1px;
}

/* Dosje → Podaci vozila */
.au-facts-power p {
  margin: 0;
  padding: 7px 10px;
  border-radius: var(--radius-sm);
  background: var(--warn-soft);
  color: var(--warn);
  font-size: 12.5px;
  line-height: 1.45;
}