/* ==========================================================================
   COMPONENT: archive-filters (horizontal scrolling category chips)
   ========================================================================== */
.bc-archive-filters {
    display: flex;
    gap: 0.4rem;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    margin: 1.5rem 0 2.5rem;
    padding: 0.5rem 1.5rem;

    /* Hide scrollbar but keep functionality */
    scrollbar-width: none;
    -ms-overflow-style: none;

    /* Fade edges to hint scrollability */
    mask-image: linear-gradient(
        to right,
        transparent 0,
        black 1rem,
        black calc(100% - 1rem),
        transparent 100%
    );
    -webkit-mask-image: linear-gradient(
        to right,
        transparent 0,
        black 1rem,
        black calc(100% - 1rem),
        transparent 100%
    );
}
.bc-archive-filters::-webkit-scrollbar { display: none; }

.bc-archive-filters a {
    padding: 0.4rem 0.9rem;
    background: transparent;
    border: 1px solid var(--border-default);
    color: var(--text-secondary);
    border-radius: var(--radius-pill);
    text-decoration: none;
    font-family: var(--font-mono);
    font-size: 0.7rem;
    font-weight: var(--fw-semibold);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
    white-space: nowrap;
    flex-shrink: 0;
    transition: all var(--duration-fast);
}
.bc-archive-filters a:hover {
    border-color: var(--accent-primary);
    color: var(--accent-primary);
}
.bc-archive-filters a.is-active {
    background: var(--accent-primary);
    color: var(--navy-950);
    border-color: var(--accent-primary);
    font-weight: var(--fw-bold);
}