/* 分类菜单横向滚动样式 - 只应用于分类导航元素 */
.wznav-tabs,
.one-nav-menu,
.onenav-tabs,
.tab-auto-scrollbar,
.tab-slider-initialized {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important; /* 只在内容超出时显示滚动条 */
    white-space: nowrap !important;
    scroll-behavior: smooth !important;
    position: relative !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(153, 153, 153, 0.3) transparent;
    width: 100% !important;
    box-sizing: border-box !important;
    -ms-overflow-style: none;  /* IE and Edge */
    cursor: grab;
}

.wznav-tabs:active,
.one-nav-menu:active,
.onenav-tabs:active,
.tab-auto-scrollbar:active,
.tab-slider-initialized:active {
    cursor: grabbing;
}

/* 自定义滚动条 - WebKit */
.wznav-tabs::-webkit-scrollbar,
.one-nav-menu::-webkit-scrollbar,
.onenav-tabs::-webkit-scrollbar,
.tab-auto-scrollbar::-webkit-scrollbar,
.tab-slider-initialized::-webkit-scrollbar {
    height: 8px;
    display: auto;  /* 自动显示滚动条 */
}

/* 移动设备特殊处理 - 完全隐藏滚动条但保留触摸滑动功能 */
@media (max-width: 768px) {
    .wznav-tabs,
    .one-nav-menu,
    .onenav-tabs,
    .tab-auto-scrollbar,
    .tab-slider-initialized {
        overflow-x: auto !important;
        -ms-overflow-style: none !important;  /* IE and Edge */
        scrollbar-width: none !important;  /* Firefox */
        /* 额外边距处理，确保内容完全可见 */
        padding-bottom: 4px;
    }
    
    .wznav-tabs::-webkit-scrollbar,
    .one-nav-menu::-webkit-scrollbar,
    .onenav-tabs::-webkit-scrollbar,
    .tab-auto-scrollbar::-webkit-scrollbar,
    .tab-slider-initialized::-webkit-scrollbar {
        display: none !important;  /* 隐藏WebKit滚动条 */
        width: 0 !important;
        height: 0 !important;
    }
    
    /* 确保所有滚动条相关样式在移动设备上都被隐藏 */
    .wznav-tabs::-webkit-scrollbar-track,
    .one-nav-menu::-webkit-scrollbar-track,
    .onenav-tabs::-webkit-scrollbar-track,
    .tab-auto-scrollbar::-webkit-scrollbar-track,
    .tab-slider-initialized::-webkit-scrollbar-track {
        display: none !important;
    }
}

.wznav-tabs::-webkit-scrollbar-track,
.one-nav-menu::-webkit-scrollbar-track,
.onenav-tabs::-webkit-scrollbar-track,
.tab-auto-scrollbar::-webkit-scrollbar-track,
.tab-slider-initialized::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

/* 锚点元素样式 - 选中的横划条 */
.tab-slider-initialized .anchor {
    background-color: var(--focus-color) !important;
    transition: all 0.3s ease;
}
