/* The "Live now" strip on a display page (_functions-includes/rf-live.php). Colors come from whichever site is loaded. */
.brb-live { --live-accent: var(--red-600, var(--tlt-red, #d0212b)); --live-ink: var(--ink-900, var(--tlt-ink, #121826)); --live-soft: var(--ink-600, var(--tlt-text-2, #475467)); --live-line: var(--ink-200, var(--tlt-border, #e4e7ec)); --live-bg: var(--ink-25, var(--tlt-surface-2, #f9fafb));
  display: flex; gap: 14px; align-items: center; margin: 0 0 16px; padding: 14px 16px; border: 1px solid var(--live-line); border-left: 4px solid var(--live-accent); border-radius: 10px; background: var(--live-bg); color: var(--live-ink); }
.brb-live[hidden] { display: none; }
.brb-live__badge { flex: none; display: inline-flex; align-items: center; gap: 8px; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--live-accent); }
.brb-live__dot { width: 10px; height: 10px; border-radius: 50%; background: var(--live-accent); animation: brb-live-pulse 1.8s ease-out infinite; }
@keyframes brb-live-pulse { 0% { box-shadow: 0 0 0 0 rgba(208, 33, 43, .5); } 70% { box-shadow: 0 0 0 9px rgba(208, 33, 43, 0); } 100% { box-shadow: 0 0 0 0 rgba(208, 33, 43, 0); } }
.brb-live__body { flex: 1; min-width: 0; display: flex; flex-wrap: wrap; gap: 4px 20px; align-items: baseline; }
.brb-live__label { display: block; font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--live-soft); }
.brb-live__next .brb-live__label { display: inline; }
.brb-live__song { font-size: 17px; overflow-wrap: anywhere; }
.brb-live__song span { color: var(--live-soft); font-size: 15px; }
.brb-live__song span:not(:empty)::before { content: "by "; }
.brb-live__next, .brb-live__meta { font-size: 14px; color: var(--live-soft); }
.brb-live__meta { flex-basis: 100%; }
.visually-hidden:not(caption) { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 560px) { .brb-live { flex-direction: column; align-items: flex-start; gap: 8px; } }
@media (prefers-reduced-motion: reduce) { .brb-live__dot { animation: none; } }