/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

html {
    scroll-behavior: smooth;
}

/* Active Highlight Class */
.news-highlight {
    background-color: #fefce8; /* bg-yellow-50 */
    margin-left: -1rem; /* Mobile: -mx-4 (counteracts container padding) */
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem; /* py-4 */
    padding-bottom: 1rem; /* py-4 */
    border-radius: 0.5rem; /* rounded-lg */
}

@media (min-width: 1024px) {
    .news-highlight {
        margin-left: -1.5rem; /* -ml-6 */
        padding-left: 3rem; /* pl-12 */
        margin-right: -1.5rem; /* -mr-6 */
        padding-right: 1.5rem; /* pr-6 */
    }
}

.news-highlight .status-dot {
    box-shadow: 0 0 0 4px #fefce8 !important; /* ring-yellow-50 */
}

/* Ticker Animation */
@keyframes ticker {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}

.animate-ticker {
    animation: ticker 35s linear infinite;
    display: inline-block;
    white-space: nowrap;
    will-change: transform;
}

.animate-ticker:hover {
    animation-play-state: paused;
}