/* News List Auto-Scroll Styles */
.news-list-container {
    max-height: 290px;
    /* Tối ưu hơn cho 4 items (~85%) */
    overflow-y: hidden;
    /* Chặn hoàn toàn thanh trượt dọc */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE/Edge */
    position: relative;
}

.news-list-container::-webkit-scrollbar {
    display: none;
    /* Chrome/Safari/Brave */
}

.news-list-container.auto-scroll {
    animation: scrollUp 20s linear infinite;
}

.news-list-container .news-list-item {
    padding: 10px 0;
    /* Giảm padding để hạ thấp chiều cao (~85%) */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@keyframes scrollUp {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-50%);
    }
}

/* Pause animation on hover */
.news-list-container.auto-scroll:hover {
    animation-play-state: paused;
}