/* PriceONN v2 web: priceonn.css (şablon, değiştirilmeden) üzerine yalnızca canlı veri eklemeleri. */

/* Fiyat güncellemesi: değişen fiyatın arka planında 400 ms, yüzde 12 opaklıkta yükseliş/düşüş rengi. */
[data-price]{border-radius:4px}
.po-flash-up{animation:po-flash-up 400ms var(--ease) 1}
.po-flash-down{animation:po-flash-down 400ms var(--ease) 1}
@keyframes po-flash-up{from{background:color-mix(in srgb,var(--up) 12%,transparent)}to{background:transparent}}
@keyframes po-flash-down{from{background:color-mix(in srgb,var(--down) 12%,transparent)}to{background:transparent}}
/* Hareket azaltıldığında yanıp sönme yok, yalnızca renk. */
@media (prefers-reduced-motion:reduce){.po-tick-up{color:var(--up)}.po-tick-down{color:var(--down)}}

/* Piyasa durumu (eski veri / kapalı): renk tek başına anlam taşımaz, metinle yazılır. */
.mrow .nm .st,.tile .st{color:var(--warn);font-weight:600}
.mrow .nm .st:empty,.tile .st:empty{display:none}
.data-note{margin:8px 0 0;font-size:.75rem;line-height:1rem;color:var(--text-tertiary)}
.sec-h .tag-sample{align-self:center}

/* TL altın bölümü: sembol kutucuklarıyla aynı görsel dil. */
.gold-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.gold-grid .tile{box-shadow:none}
.gold-grid .t1{font-weight:600}
.gold-grid .t3 span:first-child{font-family:var(--font-sans);font-weight:400;color:var(--text-tertiary)}
@media (min-width:600px){.gold-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1200px){.gold-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
.mrow .nm .st:not(:empty)::after{content:" · ";color:var(--text-tertiary);font-weight:400}
.tile .st:not(:empty)+.nm{display:none}