/* ============================================================
   S‑A‑4：搜索工具栏（Search 2.0 终极通栏溶解定版）
   修正版（不干扰 Layout Switcher 几何体系）
============================================================ */

/* 1. 主外壳：通栏流，与全局融为一体 */
.cw-search-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 100%;
    height: 54px;
    padding: 0 40px;
    margin-bottom: 24px;
    box-sizing: border-box;
    background: #FFFFFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

/* 2. 右侧操作并联区（保持高度，不干涉内部图标） */
.cw-layout-group {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* 3. 左侧筛选按钮（保留底色与 Hover） */
.cw-filter-btn {
    height: 38px;
    padding: 0 14px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 8px;
    border: none;
    background: rgba(0, 0, 0, 0.04);
    color: #555555;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    transition: background 0.22s ease, transform 0.22s ease, color 0.22s ease;
}

.cw-filter-btn:hover {
    background: rgba(0, 0, 0, 0.07);
    color: #111111;
}

.cw-filter-btn.active,
.cw-filter-btn.is-active {
    background: #3A8B82;
    color: #FFFFFF;
    font-weight: 600;
}

.cw-filter-btn.is-active svg {
    stroke: #FFFFFF;
}

/* ============================================================
   ❗ 4. 关键修正：彻底移除对 layout-switcher 的覆盖
   - 不再设置高度
   - 不再设置 padding
   - 不再设置 display:flex
   - 不再设置 align-items:center
   - 不再设置 background
   - 不再设置 color
   - 不再设置任何 !important
============================================================ */

/* 仅保留 Sort Switcher 的透明按钮外壳 */
.cw-sort-switcher {
    position: relative;
    height: 38px;
    min-height: 38px;
    padding: 0;
    border: none;
    background: transparent;
    color: #555555;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

/* Sort Switcher 激活态 */
.cw-sort-switcher.active {
    background: transparent;
    color: #111111;
}

/* 深色主题 */
@media (prefers-color-scheme: dark) {
    .cw-search-toolbar {
        background: #121212;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .cw-filter-btn {
        background: rgba(255, 255, 255, 0.06);
        color: #CCCCCC;
    }

    .cw-filter-btn:hover {
        background: rgba(255, 255, 255, 0.10);
        color: #FFFFFF;
    }

    .cw-filter-btn.is-active {
        background: #4BAF9F;
        color: #FFFFFF;
    }

    .cw-sort-switcher {
        background: transparent;
        color: #CCCCCC;
    }

    .cw-sort-switcher.active {
        background: transparent;
        color: #FFFFFF;
    }
}