/* Figma filter sidebar (商品分类页 219:759): Categories / Availability / Price accordion groups. */
@font-face{font-family:TopikaInter;src:url('../fonts/inter-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:TopikaInter;src:url('../fonts/inter-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
.woodmart-archive-shop{--filter-ink:#000;--filter-line:#d9d9d9;--filter-control:#4c4c4c;--filter-accent:var(--wd-primary-color,#a72b2a)}
/* The layout's Sidebar block wraps the shop widgets in a white rounded card; Figma has none. */
.woodmart-archive-shop .topika-filter+div{background:none!important;padding:0!important;border-radius:0!important;box-shadow:none!important}
.topika-filter,.woodmart-archive-shop .topika-filter-group{font-family:TopikaInter,Inter,Arial,sans-serif;color:var(--filter-ink);font-size:14px;line-height:35px}
.woodmart-archive-shop .topika-filter-group{margin:0 0 26px;padding:0;border:0;background:none}
.topika-filter-title{margin:0 0 18px;font-family:inherit}
.topika-filter-title button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:0;padding:0 0 8px;border:0;border-bottom:1px solid var(--filter-line);border-radius:0;background:none;box-shadow:none;color:var(--filter-ink);font-family:inherit;font-size:20px;font-weight:700;line-height:24px;text-transform:none;letter-spacing:0;cursor:pointer}
.topika-filter-title button:is(:hover,:focus,:active){background:none;color:var(--filter-ink);box-shadow:none}
.topika-filter-chevron{width:11px;height:11px;margin:4px 4px 0 0;border-left:1.5px solid #7c7c7c;border-top:1.5px solid #7c7c7c;transform:rotate(45deg);transition:transform .2s ease}
.topika-filter-title button[aria-expanded=false] .topika-filter-chevron{margin-top:-6px;transform:rotate(225deg)}
.topika-filter-group.is-collapsed>:not(.topika-filter-title){display:none!important}
.topika-filter-group.is-collapsed .topika-filter-title{margin-bottom:0}

/* Categories: 14px rows on a 35px rhythm; arrows mark back links, the current node and hover. */
.topika-filter-cats{list-style:none;margin:0;padding:0}
.topika-filter-cats li{margin:0;padding:0}
.topika-filter-cats a,.topika-filter-cats .is-current,.topika-filter-cats .is-root{display:flex;align-items:center;gap:8px;min-height:35px;padding:0;color:var(--filter-ink);font-size:14px;line-height:35px}
.topika-filter-cats a:hover{color:var(--filter-accent)}
.topika-filter-cats .is-child a{padding-left:24px}
.topika-filter-arrow{width:6px;height:6px;flex:0 0 6px;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(45deg);opacity:0;transition:opacity .15s ease}
.topika-filter-cats .is-back .topika-filter-arrow{transform:rotate(-135deg);opacity:1}
.topika-filter-cats .is-current .topika-filter-arrow,.topika-filter-cats a:is(:hover,:focus-visible) .topika-filter-arrow{opacity:1}
.topika-filter-cats .is-department .topika-filter-arrow{width:0;flex-basis:0;margin-right:-8px;transition:opacity .15s ease,width .15s ease,flex-basis .15s ease,margin .15s ease}
.topika-filter-cats .is-department a:is(:hover,:focus-visible) .topika-filter-arrow{width:6px;flex-basis:6px;margin-right:0}
.topika-filter-cats .is-current{font-weight:700}
.topika-category-refine .topika-refine-more{display:flex;align-items:center;gap:8px;min-height:35px;padding:0;border:0;background:none;box-shadow:none;color:var(--filter-accent);font-family:inherit;font-size:14px;font-weight:400;text-transform:none;cursor:pointer}
.topika-category-refine .topika-refine-more:is(:hover,:focus,:active){background:none;color:var(--filter-accent)}
.topika-refine-more>span{width:6px;height:6px;border-bottom:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px}
.topika-refine-more[aria-expanded=true]>span{transform:rotate(225deg);margin-top:3px}
.topika-filter [hidden]{display:none!important}

/* Availability: 21px checkboxes, 12px from the label, 38px apart; zero counts stay visible but unavailable. */
.topika-filter-stock{list-style:none;margin:0;padding:0}
.topika-filter-stock li{margin:0 0 12px;padding:0}
.topika-filter-stock li:last-child{margin-bottom:0}
/* The sidebar block already spaces the nav and the widgets 20px apart. */
.woodmart-archive-shop .topika-filter>.topika-filter-group:last-child{margin-bottom:6px}
.topika-filter-option{display:flex;align-items:center;gap:12px;color:var(--filter-ink);font-size:14px;line-height:26px}
.topika-filter-box{position:relative;width:21px;height:21px;flex:0 0 21px;border:1px solid var(--filter-control);background:#fff}
.topika-filter-option[aria-checked=true] .topika-filter-box{background:var(--filter-control)}
.topika-filter-option[aria-checked=true] .topika-filter-box::after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.topika-filter-option.is-disabled{color:#aaa;cursor:not-allowed}
.topika-filter-option.is-disabled .topika-filter-box{border-color:#ccc}

/* Price: content indented 32px; 6px track, 24px ring handles, 88x40 amount boxes, 216x50 Apply. */
.woodmart-archive-shop .widget_price_filter .price_slider_wrapper{padding-left:32px;max-width:248px}
.woodmart-archive-shop .widget_price_filter .price_slider.ui-slider{height:6px;margin:30px 12px 28px;border:0;border-radius:0;background:var(--filter-control)}
.woodmart-archive-shop .widget_price_filter .ui-slider .ui-slider-range{top:0;height:6px;margin-top:0;background:var(--filter-control)}
.woodmart-archive-shop .widget_price_filter .ui-slider .ui-slider-handle{top:50%;margin-top:0;transform:translateY(-50%);width:24px;height:24px;margin-left:-12px;border:5px solid var(--filter-control);border-radius:50%;background:#fff;box-shadow:none}
.woodmart-archive-shop .widget_price_filter .ui-slider .ui-slider-handle::after{content:none}
.woodmart-archive-shop .widget_price_filter .price_slider_amount{display:grid;grid-template-columns:88px auto 88px;align-items:center;gap:0 12px;font-size:14px}
.woodmart-archive-shop .widget_price_filter .price_slider_amount .price_label{display:none!important}
.topika-price-box{display:flex;align-items:center;gap:8px;width:88px;height:40px;margin:0;padding:0 8px;border:1px solid var(--filter-control);border-radius:2px;background:#fff;font-size:14px}
.topika-price-box input{width:100%;min-width:0;height:38px;padding:0;border:0!important;background:none!important;box-shadow:none!important;color:var(--filter-ink);font-size:14px;display:block!important}
.topika-price-to{color:var(--filter-ink);text-align:center}
.woodmart-archive-shop .widget_price_filter .price_slider_amount .button{grid-column:1/-1;justify-self:start;width:216px;min-height:50px;margin-top:21px;padding:0;border-radius:2px;background:#000;color:#fff;font-family:inherit;font-size:20px;font-weight:500;text-transform:uppercase}
.woodmart-archive-shop .widget_price_filter .price_slider_amount .button:hover{background:#292929;color:#fff}

/* Toolbar: "Items per page" and "Sort by" boxed selects. */
.topika-per-page{display:flex;align-items:center;gap:10px}
.topika-per-page label,.topika-sort-label{margin:0;color:var(--filter-ink);font-size:11px;font-weight:400;white-space:nowrap}
.topika-per-page select{width:auto;min-width:64px;height:30px;padding:0 26px 0 10px;border:1px solid #999;border-radius:0;background-color:#fff;font-size:11px;color:var(--filter-ink)}
/* Below 1025px WoodMart shows the sort as an icon under a transparent select; keep that. */
.topika-sort-label{display:none}
@media(min-width:1025px){
	.topika-sort-label{display:block}
	.woodmart-archive-shop .wd-shop-ordering form{display:flex;align-items:center;gap:10px}
	.woodmart-archive-shop .wd-shop-ordering{margin-left:24px}
	.woodmart-archive-shop .wd-shop-ordering .woocommerce-ordering{width:auto}
	.woodmart-archive-shop .wd-shop-ordering .woocommerce-ordering select.orderby{position:static;width:120px;min-width:64px;height:30px;padding:0 26px 0 10px;border:1px solid #999;border-radius:0;background-color:#fff;font-size:11px;color:var(--filter-ink)}
}

.topika-filter a:focus-visible,.topika-filter button:focus-visible,.topika-filter-title button:focus-visible{outline:2px solid var(--filter-accent);outline-offset:2px}
@media(min-width:1025px){.woodmart-archive-shop .wp-block-wd-off-sidebar{min-width:220px;align-self:flex-start}}
@media(max-width:1024px){.woodmart-archive-shop .wp-block-wd-off-sidebar.wd-side-hidden>.wd-content{padding:20px}}
@media(prefers-reduced-motion:reduce){.topika-filter-chevron,.topika-filter-arrow{transition:none}}