/* 99-live.css - pretul din hero „Datele noastre" care se actualizeaza singur (x-hero-live.php, x-live.js).   LOT 152, 154
 * Culorile sunt cele ale benzii (--xhp-sus, --xhp-jos din 93-hero-pret.css). Pretul nou apare
 * direct in culoarea miscarii si revine lin la culoarea lui; punctul „in timp real" pulseaza.
 * Fara animatii la cei care le-au oprit din sistem. */
[data-mds-live] .xhp__val{ transition:color .8s ease; }
[data-mds-live] .xhp__val.xlv--sus{ color:var(--xhp-sus); transition:none; }
[data-mds-live] .xhp__val.xlv--jos{ color:var(--xhp-jos); transition:none; }
@keyframes xlv-puls{
  0%{ box-shadow:0 0 0 0 color-mix(in srgb, var(--xhp-sus) 55%, transparent); }
  70%{ box-shadow:0 0 0 6px color-mix(in srgb, var(--xhp-sus) 0%, transparent); }
  100%{ box-shadow:0 0 0 0 color-mix(in srgb, var(--xhp-sus) 0%, transparent); }
}
[data-mds-live] .xhp__stare--live i{ animation:xlv-puls 2s ease-out infinite; }
@media (prefers-reduced-motion:reduce){
  [data-mds-live] .xhp__val{ transition:none; }
  [data-mds-live] .xhp__stare--live i{ animation:none; }
}
/* LOT 154: „Piata deschisa" (sursa cu intarziere) are acelasi punct verde ca „In timp real":
   piata e deschisa, pretul se misca. Portocaliul spunea „intarziat", eticheta nu mai spune asta. */
.xhp__stare--delayed i{ background:var(--xhp-sus); }
/* LOT 154: pretul din afara sedintei, sub starea pietei. Marimile sunt ale benzii: eticheta ca
   starea (11px, majuscule), pretul ca moneda (13px), variatia la 13px. */
.xhp__ext{ display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 8px; font-size:13px; line-height:1.2; color:var(--xhp-ink); }
.xhp__ext-et{ font-size:11px; letter-spacing:.02em; text-transform:uppercase; color:var(--xhp-mut); }
.xhp__ext b{ font-weight:600; font-variant-numeric:tabular-nums; }
.xhp__ext .xhp__var{ font-size:13px; }