/* ==========================================================================
   ANNOUNCEMENT BAR
   ========================================================================== */

.announcement-bar {
    display: none;
    background-color: var(--c-surface);
    border-bottom: 1px solid var(--c-border);
}

.announcement-bar__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-block: var(--space-xs);
    padding-inline: var(--space-xl);
}
.announcement-bar__inner p {
    font-size: var(--paragraf-s);
}

.announcement-stats {
    display: flex;
    gap: var(--space-xs);
    align-items: center;
}

.countdown-timer {
    display: flex;
    gap: var(--space-2xs);
    align-items: center;
}

.countdown-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 8px; /* Compact padding */
    background-color: var(--primary-l-8); /* Light purple */
    color: var(--text-primary);
    border-radius: var(--radius-s); /* 4px or similar */
    font-size: var(--paragraf-s);
    font-weight: 400; /* Regular weight, numbers are bolded in HTML */
    line-height: 1;
    min-width: 2.5em; /* Prevent layout shift */
}

@media (min-width: 1024px) {
    .announcement-bar { display: block; }
}