/*
 * Log Contact Us — Running Notification Bar
 * Source: contact_us_2.html — .notif-bar
 * Depends on: design-tokens.css (plum-*, sage-*)
 */

.log-co-notif-bar {
    background: var(--plum-950);
    border-top: 1px solid rgba(94, 238, 192, .12);
    border-bottom: 1px solid rgba(94, 238, 192, .12);
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-top: 80px;
}

.log-co-notif-track {
    display: inline-flex;
    align-items: center;
    animation: log-co-notifScroll 36s linear infinite;
}

.log-co-notif-track:hover {
    animation-play-state: paused;
}

.log-co-notif-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 40px;
    font-size: 12.5px;
    font-weight: 700;
    color: #c6b3bc;
    border-right: 1px solid rgba(255, 255, 255, .07);
    white-space: nowrap;
}

.log-co-notif-keyword {
    color: var(--sage-400);
    font-weight: 800;
}

.log-co-notif-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--sage-500);
    flex-shrink: 0;
}

@keyframes log-co-notifScroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

@media (max-width: 760px) {
    .log-co-notif-item {
        padding: 12px 24px;
    }
}