/* ==========================================================================
   price-bar-live.css — نشانِ «زنده» برایِ بخشِ بازارِ لحظه‌ای
   منبع: https://21st.dev/@edwinvakayil/components/status-dot  (id 24882، نویسنده edwinvakayil)
   فقط تکنیکِ انیمیشنِ ripple (box-shadow که باز و محو می‌شود) از کامپوننت گرفته شده،
   با رنگِ طلاییِ خودِ سایت؛ بقیه‌ی کامپوننت (React، پریست‌هایِ deployment-state، اندازه‌ها،
   شیدکن) استفاده نشد چون این‌جا فقط یک نشانِ ساده‌یِ «داده زنده است» کنارِ عنوان لازم بود.
   کاملاً تزئینی و مستقل از منطقِ به‌روزرسانیِ قیمت‌ها (price-bar.js دست‌نخورده ماند).
   بازگشت: حذفِ سه خطِ اضافه‌شده در templates/core/_price_bar.html و این فایل.
   ========================================================================== */

.live-dot {
    position: relative; display: inline-flex; width: 8px; height: 8px; margin-inline-start: 2px;
}
.live-dot-core {
    position: absolute; inset: 0; border-radius: 50%; background: var(--gold-deep, #B5842E);
}
.live-dot-ring {
    position: absolute; inset: 0; border-radius: 50%;
    animation: priceLiveRipple 2.4s ease-out infinite;
}
.live-dot-label {
    font-size: 10.5px; font-weight: 600; color: var(--muted); margin-inline-start: 2px;
    letter-spacing: .01em;
}

@keyframes priceLiveRipple {
    0%   { box-shadow: 0 0 0 0 rgba(181, 132, 46, .45); }
    70%  { box-shadow: 0 0 0 7px rgba(181, 132, 46, 0); }
    100% { box-shadow: 0 0 0 0 rgba(181, 132, 46, 0); }
}

html.a11y-dark .live-dot-core { background: var(--gold, #E8A020); }
html.a11y-dark .live-dot-ring { animation-name: priceLiveRippleDark; }
@keyframes priceLiveRippleDark {
    0%   { box-shadow: 0 0 0 0 rgba(232, 160, 32, .5); }
    70%  { box-shadow: 0 0 0 7px rgba(232, 160, 32, 0); }
    100% { box-shadow: 0 0 0 0 rgba(232, 160, 32, 0); }
}

/* کوچک روی موبایل: فقط نقطه، بدونِ برچسبِ متنی (جا تنگ است) */
@media (max-width: 480px) { .live-dot-label { display: none; } }

html.a11y-motion-off .live-dot-ring, .live-dot-ring { }
html.a11y-motion-off .live-dot-ring { animation: none; box-shadow: none; }
@media (prefers-reduced-motion: reduce) { .live-dot-ring { animation: none; box-shadow: none; } }
html.a11y-contrast .live-dot-ring { animation: none; box-shadow: none; }
@media print { .live-dot, .live-dot-label { display: none; } }