/* ==========================================================================
   Global Breaking News Ticker
   Extracted from layout.blade.php inline <style> — Issue #19
   ========================================================================== */

.global-ticker {
    background: #1a1a2e;
    overflow: hidden;
    white-space: nowrap;
}

.ticker-badge {
    font-size: 0.7rem;
    letter-spacing: 0.5px;
    z-index: 10;
    animation: pulse 2s infinite;
}

.ticker-wrapper {
    overflow: hidden;
    display: flex;
}

.ticker-content {
    display: inline-flex;
    animation-name: ticker-scroll;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    will-change: transform;
}

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

.ticker-item {
    color: #ffffff;
    text-decoration: none;
    font-size: 0.9rem;
    padding-right: 50px;
    display: flex;
    align-items: center;
}

.dot-separator {
    color: #dc3545;
    font-size: 0.35rem;
    margin-right: 10px;
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

@keyframes ticker-scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}