/* ==========================================================================
   HOME COMPONENT: CATEGORY FILTER TABS
   ========================================================================== */

.category-tabs-scroll {
    display: flex;
    align-items: center;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 6px;
    scrollbar-width: none;
}
.category-tabs-scroll::-webkit-scrollbar {
    display: none;
}

.category-tab-btn {
    border: none;
    background: var(--zw-bg-surface-2);
    color: var(--zw-text-secondary);
    font-size: 0.78rem;
    font-weight: 700;
    padding: 8px 16px;
    border-radius: 6px;
    transform: skew(-10deg);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    white-space: nowrap;
    transition: var(--zw-transition);
}

.category-tab-btn > * {
    transform: skew(10deg);
}

.category-tab-btn.active {
    background: var(--zw-accent);
    color: #07090e;
    box-shadow: 0 4px 14px var(--zw-accent-glow);
}

.category-tab-btn:hover:not(.active) {
    background: var(--zw-bg-surface-hover);
    color: var(--zw-text-white);
}