/* Woo Ajax Filter v3.2.0 */
.waf-filter-bar{display:flex !important;align-items:center;flex-wrap:wrap;gap:10px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:14px;position:relative;z-index:5}

/* Search */
.waf-filter-bar .waf-search-box{position:relative;flex:1;min-width:200px}
.waf-filter-bar .waf-search-box .waf-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#888;pointer-events:none}
.waf-filter-bar .waf-search-input{width:100%;height:42px;padding:0 38px 0 36px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#1a1a1a;font-size:14px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;box-sizing:border-box}
.waf-filter-bar .waf-search-input::placeholder{color:#aaa}
.waf-filter-bar .waf-search-input:focus{border-color:#5641F3;box-shadow:0 0 0 3px rgba(0,0,0,.06)}
.waf-filter-bar .waf-spinner{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:14px;height:14px;border:2px solid #e0e0e0;border-top-color:#555;border-radius:50%;animation:waf-spin .6s linear infinite;display:none}
.waf-filter-bar .waf-spinner.waf-active{display:block}
@keyframes waf-spin{to{transform:translateY(-50%) rotate(360deg)}}

/* Dropdown button */
.waf-filter-bar .waf-dropdown{position:relative;display:inline-block}
.waf-filter-bar .waf-dd-btn{display:inline-flex !important;align-items:center;gap:6px;height:42px;padding:0 14px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#1a1a1a;font-size:14px;font-family:inherit;cursor:pointer;white-space:nowrap;user-select:none;transition:background .15s,border-color .15s;box-sizing:border-box;line-height:1}
.waf-filter-bar .waf-dd-btn:hover,
.waf-filter-bar .waf-dd-btn.waf-open{background:#5641F3;border-color:#5641F3; color:#ffffff;}
.waf-filter-bar .waf-dd-btn.waf-open{border-color:#333}
.waf-filter-bar .waf-chevron{transition:transform .2s;flex-shrink:0;color:#888}
.waf-filter-bar .waf-dd-btn.waf-open .waf-chevron{transform:rotate(180deg)}
.waf-filter-bar .waf-badge{background:#1a1a1a;color:#fff;font-size:11px;font-weight:600;padding:3px 6px;border-radius:20px;line-height:1;display:inline-block}

/* Dropdown panel — use both [hidden] and .waf-hidden for max reliability */
.waf-filter-bar .waf-dd-panel{position:absolute;top:calc(100% + 6px);left:-50px;min-width:210px;background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:8px;z-index:99999;box-shadow:0 4px 20px rgba(0,0,0,.12);box-sizing:border-box}
.waf-filter-bar .waf-dd-panel[hidden],
.waf-filter-bar .waf-dd-panel.waf-hidden{display:none !important}
.waf-filter-bar .waf-dd-item{display:flex !important;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;cursor:pointer;font-size:14px;color:#1a1a1a;transition:background .1s;user-select:none;margin:0}
.waf-filter-bar .waf-dd-item:hover{background:#f5f5f5}
.waf-filter-bar .waf-dd-item input[type=checkbox],
.waf-filter-bar .waf-dd-item input[type=radio]{width:15px;height:15px;accent-color:#1a1a1a;cursor:pointer;flex-shrink:0;margin:0}
.waf-filter-bar .waf-cat-count{color:#bbb;font-size:12px;margin-left:auto}
.waf-filter-bar .waf-clear-dd{width:100%;margin-top:4px;padding:7px;border:none;border-top:1px solid #f0f0f0;background:none;color:#999;font-size:13px;font-family:inherit;cursor:pointer;text-align:center;transition:color .1s}
.waf-filter-bar .waf-clear-dd:hover{color:#ffffff;}

/* Price panel */
.waf-filter-bar .waf-price-panel{min-width:250px}
.waf-filter-bar .waf-price-inputs{display:flex;align-items:center;gap:6px;padding:6px 6px 0}
.waf-filter-bar .waf-price-inputs input[type=number]{width:70px;height:34px;padding:0 8px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#1a1a1a;font-size:13px;font-family:inherit;outline:none;-webkit-appearance:none;-moz-appearance:textfield;box-sizing:border-box}
.waf-filter-bar .waf-price-inputs input[type=number]::-webkit-outer-spin-button,
.waf-filter-bar .waf-price-inputs input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}
.waf-filter-bar .waf-price-inputs input:focus{border-color:#333}
.waf-filter-bar .waf-price-sep{color:#ccc}
.waf-filter-bar .waf-apply-price{flex:1;height:34px;padding:0 10px;border:none;border-radius:6px;background:#1a1a1a;color:#fff;font-size:13px;font-family:inherit;cursor:pointer;transition:opacity .15s;white-space:nowrap}
.waf-filter-bar .waf-apply-price:hover{opacity:.82}
.waf-filter-bar .waf-price-presets{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:6px 4px;border-top:1px solid #f0f0f0;margin-top:6px}
.waf-filter-bar .waf-price-presets .waf-dd-item{font-size:13px}

/* Clear all + count */
.waf-filter-bar .waf-clear-all{height:42px;padding:0 14px;border:none;background:none;color:#999;font-size:13px;font-family:inherit;cursor:pointer;border-radius:8px;transition:color .15s,background .15s;white-space:nowrap}
.waf-filter-bar .waf-clear-all:hover{color:#1a1a1a;background:#f5f5f5}
.waf-filter-bar .waf-result-count{font-size:13px;color:#999;margin-left:auto;white-space:nowrap}

/* Loading overlay */
.waf-loading-overlay{position:relative;transition:opacity .2s;pointer-events:none;opacity:.5}
.waf-loading-overlay::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,.7);z-index:10;border-radius:4px}

/* No results */
.waf-no-results{text-align:center;padding:3rem 1rem;color:#999;font-size:15px;grid-column:1/-1;width:100%}

/* Mobile */
@media(max-width:600px){
    .waf-filter-bar{gap:8px}
    .waf-filter-bar .waf-search-box{min-width:100%;flex:none;width:100%}
    .waf-filter-bar .waf-result-count{margin-left:0}
}
