/* ============================================================
   visitors.css — Счётчик посетителей
   Команда InIProject | Code & Games
   ============================================================ */

.visitors {
    text-align: center;
    padding: 1rem 0;
    border-top: 1px solid rgba(230, 57, 70, 0.1);
    margin-bottom: 0.5rem;
}

.visitors__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.visitors__item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--font-mono);
    font-size: 0.8rem;
    color: var(--text-muted);
}

.visitors__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--accent);
    box-shadow: 0 0 6px var(--accent-glow);
    animation: visitorsPulse 2s ease-in-out infinite;
}

.visitors__dot--total {
    animation: none;
    opacity: 0.5;
}

.visitors__value {
    color: var(--accent);
    font-weight: 700;
    min-width: 20px;
    text-align: center;
}

@keyframes visitorsPulse {
    0%, 100% { opacity: 1; box-shadow: 0 0 6px var(--accent-glow); }
    50% { opacity: 0.5; box-shadow: 0 0 2px var(--accent-glow); }
}