/* ==========================================================
   PLAYER DUO — custom styles (bổ sung cho Tailwind)
   ========================================================== */

body {
    font-family: 'Be Vietnam Pro', sans-serif;
    background-color: #F5F3FF;
}

.font-display {
    font-family: 'Baloo 2', 'Be Vietnam Pro', sans-serif;
}

/* Thanh cuộn mảnh cho sidebar */
.thin-scrollbar::-webkit-scrollbar {
    width: 6px;
}
.thin-scrollbar::-webkit-scrollbar-thumb {
    background-color: #C4B5FD;
    border-radius: 9999px;
}
.thin-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

/* Băng chuyền "đã tặng quà" chạy ngang */
.gift-ticker-track {
    display: flex;
    width: max-content;
    animation: ticker-scroll 22s linear infinite;
}
.gift-ticker-track:hover {
    animation-play-state: paused;
}
@keyframes ticker-scroll {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

/* Nhịp thở nhẹ cho chấm LIVE */
.pulse-dot {
    animation: pulse-dot 1.6s ease-in-out infinite;
}
@keyframes pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%      { opacity: 0.55; transform: scale(0.85); }
}

@media (prefers-reduced-motion: reduce) {
    .gift-ticker-track,
    .pulse-dot {
        animation: none !important;
    }
}