/* SJT Product Filter — sjt-child colors (black / bone / olive / signal red) */
.sjt-pf{
	--pf-bg:#141412;--pf-band:#1F1F1C;--pf-band-h:#272723;--pf-ink:#F4F3EE;--pf-mute:#C9C7BB;--pf-faint:#8E8D82;
	--pf-line:#2A2A26;--pf-olive:#A3A66C;--pf-olive-d:#5D5F39;--pf-red:#C8102E;--pf-red-d:#A10D24;--pf-field:#0E0E0D;
	--pf-mono:var(--wp--preset--font-family--mono,'JetBrains Mono',ui-monospace,monospace);
	--pf-display:var(--wp--preset--font-family--display,Archivo,'Helvetica Neue',Arial,sans-serif);
	color:var(--pf-ink);font-size:.9rem;line-height:1.35
}
.sjt-pf *,.sjt-pf *:before,.sjt-pf *:after{box-sizing:border-box}
.sjt-pf .screen-reader-text,.sjt-pf-count .screen-reader-text,.sjt-pf-applied .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* Sidebar host: the theme's black panel; sections scroll inside the sticky column */
.sjt-shop-side:has(.sjt-pf-host){top:112px}
.sjt-pf-host{padding:0!important;max-height:calc(100vh - 132px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3A3A34 transparent}
.sjt-pf-host::-webkit-scrollbar{width:6px}
.sjt-pf-host::-webkit-scrollbar-thumb{background:#3A3A34}
.sjt-pf-standalone{background:#141412;margin:0 0 24px}
.sjt-pf-toggle{display:none}

/* Search within results */
.sjt-pf-sub{margin:0;padding:16px 16px 4px}
.sjt-pf-subsearch{display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--pf-field);border:1px solid #3A3A34}
.sjt-pf-subsearch:focus-within{border-color:var(--pf-olive)}
.sjt-pf-mag{width:12px;height:12px;border:1.5px solid var(--pf-faint);border-radius:50%;position:relative;flex:none}
.sjt-pf-mag:after{content:"";position:absolute;width:6px;height:1.5px;background:var(--pf-faint);right:-5px;bottom:-2px;transform:rotate(45deg)}
.sjt-pf-subsearch input{flex:1;min-width:0;padding:9px 0;background:transparent;border:0;color:var(--pf-ink);font-size:.86rem}
.sjt-pf-subsearch input:focus{outline:none}
.sjt-pf-subsearch input::placeholder{color:var(--pf-faint)}

/* Head */
.sjt-pf-form{margin:0}
.sjt-pf-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:14px 16px 12px}
.sjt-pf-title{margin:0!important;font:800 1.25rem/1 var(--pf-display)!important;letter-spacing:.02em;text-transform:uppercase;color:var(--pf-ink)!important}
.sjt-pf .sjt-pf-reset{display:inline!important;padding:0!important;font:600 .72rem/1 var(--pf-mono)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--pf-olive)!important;text-decoration:underline!important;text-underline-offset:3px}
.sjt-pf .sjt-pf-reset:hover{color:var(--pf-ink)!important}

/* Sections: a band per filter, collapsed until opened */
.sjt-pf .sjt-pf-sections{list-style:none;margin:0!important;padding:0!important;border-top:1px solid var(--pf-line)}
.sjt-pf .sjt-pf-sec{margin:0;border:0!important;border-bottom:1px solid var(--pf-line)!important}
.sjt-pf-facet>summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:11px 16px;background:var(--pf-band);font:700 .78rem/1.2 var(--pf-display);letter-spacing:.06em;text-transform:uppercase;color:var(--pf-ink);user-select:none;transition:background .15s}
.sjt-pf-facet>summary::-webkit-details-marker{display:none}
.sjt-pf-facet>summary:hover{background:var(--pf-band-h)}
.sjt-pf-facet>summary:focus{outline:none!important}
.sjt-pf-facet>summary:focus-visible{outline:2px solid var(--pf-olive)!important;outline-offset:-2px}
.sjt-pf-facet-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sjt-pf-facet-n{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;background:var(--pf-red);color:#fff;font:700 .66rem/1 var(--pf-mono)}
.sjt-pf-chev{width:8px;height:8px;margin:-4px 2px 0 0;border-right:1.5px solid var(--pf-mute);border-bottom:1.5px solid var(--pf-mute);transform:rotate(45deg);transition:transform .2s,margin .2s;flex:none}
.sjt-pf-facet[open]>summary .sjt-pf-chev{transform:rotate(225deg);margin-top:4px}
.sjt-pf-body{padding:10px 16px 12px;background:var(--pf-bg)}

/* Options: scrollable list, "Name (count)" */
.sjt-pf-find{width:100%;margin:2px 0 8px;padding:7px 10px;background:var(--pf-field);border:1px solid #3A3A34;border-radius:0;color:var(--pf-ink);font-size:.84rem}
.sjt-pf-find::placeholder{color:var(--pf-faint)}
.sjt-pf-find:focus{outline:none;border-color:var(--pf-olive)}
.sjt-pf .sjt-pf-opts{display:block!important;list-style:none;margin:0!important;padding:0 4px 0 0!important;max-height:240px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3A3A34 transparent}
.sjt-pf .sjt-pf-opts li{margin:0;border:0!important}
.sjt-pf .sjt-pf-opts li[hidden]{display:none}
.sjt-pf-opts label{display:flex;align-items:flex-start;gap:10px;padding:5px 2px;cursor:pointer;color:var(--pf-mute);transition:color .12s}
.sjt-pf-opts label:hover{color:var(--pf-ink)}
.sjt-pf-opts input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;width:14px;height:14px;margin:2px 0 0;border:1.5px solid #77786A;background:transparent;border-radius:0;position:relative;cursor:pointer}
.sjt-pf-opts input[type=checkbox]:checked{border-color:var(--pf-olive)}
.sjt-pf-opts input[type=checkbox]:checked:after{content:"";position:absolute;inset:2px;background:var(--pf-olive)}
.sjt-pf-opts input[type=checkbox]:focus-visible{outline:2px solid var(--pf-olive);outline-offset:2px}
.sjt-pf-opts input:checked+.sjt-pf-lab{color:var(--pf-ink);font-weight:600}
.sjt-pf-lab{min-width:0;overflow-wrap:anywhere}
.sjt-pf-cnt{color:var(--pf-faint);font-size:.8rem;font-weight:400;font-variant-numeric:tabular-nums}
.sjt-pf-opts li.is-zero .sjt-pf-lab{opacity:.55}

/* Price slider */
.sjt-pf-slider{position:relative;height:18px;margin:6px 8px 2px}
.sjt-pf-track{position:absolute;left:0;right:0;top:7px;height:4px;background:#3A3A34}
.sjt-pf-fill{position:absolute;top:0;height:4px;background:var(--pf-olive)}
.sjt-pf-slider input[type=range]{position:absolute;left:-8px;right:-8px;width:calc(100% + 16px);top:0;height:18px;margin:0;background:transparent;pointer-events:none;-webkit-appearance:none;appearance:none}
.sjt-pf-slider input[type=range]::-webkit-slider-runnable-track{background:transparent;height:18px}
.sjt-pf-slider input[type=range]::-moz-range-track{background:transparent;height:18px}
.sjt-pf-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:16px;height:16px;margin-top:1px;background:var(--pf-ink);border:3px solid var(--pf-olive-d);border-radius:50%;cursor:grab}
.sjt-pf-slider input[type=range]::-moz-range-thumb{pointer-events:auto;width:12px;height:12px;background:var(--pf-ink);border:3px solid var(--pf-olive-d);border-radius:50%;cursor:grab}
.sjt-pf-slider input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--pf-olive);outline-offset:2px}
.sjt-pf-ends{display:flex;justify-content:space-between;margin:6px 0 12px;font:600 .8rem/1 var(--pf-mono);color:var(--pf-mute)}
.sjt-pf-range{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:8px}
.sjt-pf-range label{display:block;min-width:0}
.sjt-pf-rl{display:block;margin-bottom:4px;font:500 .68rem/1 var(--pf-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--pf-faint)}
.sjt-pf-inp{display:flex;align-items:center;background:var(--pf-field);border:1px solid #3A3A34;padding-left:8px}
.sjt-pf-inp:focus-within{border-color:var(--pf-olive)}
.sjt-pf-cur{color:var(--pf-faint);font-size:.8rem}
.sjt-pf-range input{width:100%;min-width:0;padding:7px 6px 7px 3px;background:transparent;border:0;color:var(--pf-ink);font-size:.85rem;-moz-appearance:textfield;appearance:textfield}
.sjt-pf-range input::-webkit-outer-spin-button,.sjt-pf-range input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.sjt-pf-range input:focus{outline:none}
.sjt-pf-dash{color:var(--pf-faint);padding-bottom:8px}
.sjt-pf-apply-price,.sjt-pf-submit{display:block;width:100%;margin-top:12px;padding:10px 12px;background:var(--pf-red);color:#fff;border:0;font:700 .74rem/1 var(--pf-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.sjt-pf-apply-price:hover,.sjt-pf-submit:hover{background:var(--pf-red-d)}
.sjt-pf-submit{margin:14px 16px;width:calc(100% - 32px)}

/* Results bar: "Viewing 1 to 24 out of N products" + items/page */
.sjt-pf-count{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px}
.sjt-pf-viewing{margin:0;font:600 .74rem/1.3 var(--pf-mono,ui-monospace,monospace);font-family:var(--wp--preset--font-family--mono,ui-monospace,monospace);letter-spacing:.08em;text-transform:uppercase;color:#141412}
.sjt-pf-viewing strong{color:#C8102E}
.sjt-pf-perpage select{padding:7px 28px 7px 10px;border:1px solid #D9D7CC;background:#fff;color:#141412;font-size:.85rem;border-radius:0;cursor:pointer}

/* Applied filters bar */
.sjt-pf-applied{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:14px 0 4px}
.sjt-pf-applied.is-empty{display:none}
.sjt-pf-applied-label{font:700 .74rem/1 var(--wp--preset--font-family--display,Archivo,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#141412}
.sjt-pf-applied .sjt-pf-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.sjt-pf-applied .sjt-pf-chips li{margin:0}
.sjt-pf-applied .sjt-pf-chips a{display:inline-flex;align-items:center;gap:8px;padding:6px 8px 6px 12px;background:#141412;color:#F4F3EE!important;font-size:.78rem;font-weight:600;line-height:1.2;text-decoration:none!important;border-left:3px solid #A3A66C;transition:background .15s}
.sjt-pf-applied .sjt-pf-chips a:hover{background:#C8102E;border-color:#C8102E}
.sjt-pf-applied .x{width:14px;height:14px;border-radius:50%;background:#F4F3EE;position:relative;flex:none}
.sjt-pf-applied .x:before,.sjt-pf-applied .x:after{content:"";position:absolute;left:3px;right:3px;top:6px;height:2px;background:#141412;transform:rotate(45deg)}
.sjt-pf-applied .x:after{transform:rotate(-45deg)}
.sjt-pf-applied .sjt-pf-clearall{font:600 .72rem/1 var(--wp--preset--font-family--mono,ui-monospace,monospace);letter-spacing:.08em;text-transform:uppercase;color:#5D5F39!important;text-decoration:underline!important;text-underline-offset:3px}

/* Product-card manufacturer tag */
.sjt-card-brand{display:inline-block;align-self:flex-start;width:auto!important;margin:0 0 6px!important;padding:3px 7px 2px;background:#141412;color:#F4F3EE;border-left:3px solid #A3A66C;font:700 .66rem/1.2 var(--wp--preset--font-family--mono,ui-monospace,monospace)!important;letter-spacing:.1em;text-transform:uppercase;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Product-card spec line */
.sjt-card-specs{margin:4px 0 6px!important;font-size:.78rem!important;line-height:1.35;color:#55554D;display:flex;flex-wrap:wrap;gap:2px 6px}
.sjt-card-specs .k{font-weight:700;color:#141412}
.sjt-card-specs .sep{color:#B5B3A7}

/* Loading */
body.sjt-pf-loading .sjt-shop-main,body.sjt-pf-loading .wp-block-woocommerce-product-collection{opacity:.45;transition:opacity .15s;pointer-events:none}
body.sjt-pf-loading .sjt-pf{cursor:progress}

/* ---------------- Tablet / phone: "Filter Options" expands the filters in place ---------------- */
@media (max-width:781px){
	.sjt-shop-cols:has(.sjt-pf-host){flex-direction:column!important}
	.sjt-shop-side:has(.sjt-pf-host){position:static;width:100%;flex-basis:auto!important;margin-bottom:4px}
	.sjt-pf-host{max-height:none;overflow:visible;clip-path:none!important;background:transparent!important;width:100%}
	.sjt-pf-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:#141412;color:#F4F3EE;border:0;border-left:3px solid var(--pf-red);font:700 .82rem/1 var(--pf-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-align:left}
	.sjt-pf-toggle .sjt-pf-chev{border-color:#F4F3EE}
	.sjt-pf.is-open .sjt-pf-toggle .sjt-pf-chev{transform:rotate(225deg);margin-top:4px}
	.sjt-pf-panel{display:none;background:#141412}
	.sjt-pf.is-open .sjt-pf-panel{display:block}
	.sjt-pf-opts label{padding:8px 2px}
	.sjt-pf-applied{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
	.sjt-pf-applied::-webkit-scrollbar{display:none}
	.sjt-pf-applied .sjt-pf-chips{flex-wrap:nowrap}
	.sjt-pf-applied .sjt-pf-chips a,.sjt-pf-applied-label,.sjt-pf-clearall{white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){.sjt-pf *,.sjt-pf-applied *{transition:none!important}}
