/* ==========================================================================
   COMPONENT: empty-state (no comments / no posts / no search results)
   ========================================================================== */
.bc-empty-state {
    padding: 4rem 1.5rem;
    text-align: center;
    border: 1px dashed var(--border-subtle);
    border-radius: var(--radius-xl);
    background: var(--bg-surface-1);
}
.bc-empty-state__icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-surface-2);
    border-radius: var(--radius-pill);
    margin: 0 auto 1.5rem;
    font-size: 1.75rem;
    opacity: 0.7;
}
.bc-empty-state__title {
    font-size: var(--text-xl);
    font-weight: var(--fw-bold);
    margin-bottom: 0.5rem;
}
.bc-empty-state__desc {
    color: var(--text-secondary);
    font-size: var(--text-base);
    line-height: var(--leading-relaxed);
    max-width: 48ch;
    margin: 0 auto 1.5rem;
}
.bc-empty-state__query {
    font-family: var(--font-mono);
    color: var(--accent-primary);
    background: var(--bg-surface-2);
    padding: 0.15em 0.5em;
    border-radius: var(--radius-sm);
    font-weight: var(--fw-bold);
}
.bc-empty-state__suggestions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
    margin-top: 1rem;
}
.bc-empty-state__suggestions a {
    padding: 0.45rem 0.9rem;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-pill);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    text-decoration: none;
    transition: all var(--duration-fast);
}
.bc-empty-state__suggestions a:hover {
    border-color: var(--accent-primary);
    color: var(--accent-primary);
}