/*
 * GNA News Portal — app.css
 *
 * The Tailwind utility classes are currently provided by the Tailwind Play CDN
 * loaded from the layout (development mode). For production, run the Tailwind
 * CLI against the view templates and replace this file with the compiled output.
 * See README "Building CSS for production".
 *
 * Hand-written project-level overrides go below.
 */

/* Marquee animation for the Breaking News ticker */
@keyframes marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.animate-marquee {
    display: inline-flex;
    min-width: 200%;
    animation: marquee 40s linear infinite;
}
.animate-marquee:hover { animation-play-state: paused; }

/* Smooth focus rings */
:focus-visible { outline: 2px solid #1B5E20; outline-offset: 2px; }

/* Small admin mobile sidebar slide-in */
body.admin-mobile-open aside { display: flex !important; position: fixed; inset: 0; z-index: 60; }