@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');

.atsf-filter{font-family:'Poppins',sans-serif;width:100%;background:#fff;border:1px solid #eee;border-radius:10px;padding:18px 26px;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:26px;box-shadow:0 4px 18px rgba(0,0,0,.04)}

.atsf-breadcrumb{font-size:11.5px;color:#999;line-height:1.6;word-break:break-word;flex:1 1 180px;margin:0}
.atsf-breadcrumb a{color:#999;text-decoration:none !important;transition:color .2s}
.atsf-breadcrumb a:hover{color:#694F40}
.atsf-bc-sep{color:#ccc;margin:0 3px}

.atsf-view-toggle{display:flex;gap:8px;flex:0 0 auto;margin:0;padding:0 20px 0 0;border-right:1px solid #eee}
.atsf-view-btn{width:36px;height:36px;border:1px solid #e4e4e4;background:#fafafa;color:#aaa;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}
.atsf-view-btn:hover{border-color:#694F40;color:#694F40}
.atsf-view-btn.active{border-color:#694F40;color:#fff;background:#694F40;box-shadow:0 3px 10px rgba(105,79,64,.28)}

.atsf-icon-grid,.atsf-icon-list{color:inherit}
.atsf-view-btn i{font-size:14px}

.atsf-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px;flex:1 1 auto;margin:0}
.atsf-block{margin:0;flex:0 0 auto}
.atsf-block h4{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#aaa;font-weight:600;margin:0 0 7px}

.atsf-select-wrap{position:relative;display:inline-block}
.atsf-select{appearance:none;-webkit-appearance:none;padding:9px 32px 9px 12px;border:1px solid #e4e4e4;font-size:13px;font-family:'Poppins',sans-serif;color:#333;background:#fafafa;border-radius:6px;min-width:160px;cursor:pointer;transition:border-color .2s}
.atsf-select:hover,.atsf-select:focus{border-color:#694F40;outline:none}
.atsf-select-wrap::after{content:'';position:absolute;right:12px;top:50%;width:7px;height:7px;border-right:1.5px solid #999;border-bottom:1.5px solid #999;transform:translateY(-65%) rotate(45deg);pointer-events:none}

.atsf-price-row{display:flex;align-items:center;gap:7px}
.atsf-range-sep{color:#ccc}
.atsf-range-input-wrap{display:flex;align-items:center;gap:5px;border:1px solid #e4e4e4;border-radius:6px;padding:9px 11px;background:#fafafa;transition:border-color .2s}
.atsf-range-input-wrap:focus-within{border-color:#694F40;background:#fff}
.atsf-range-input-wrap span{font-size:11px;color:#999}
.atsf-range-input-wrap input{width:55px;border:none;background:transparent;font-size:13px;font-family:'Poppins',sans-serif;color:#333;padding:0;-moz-appearance:textfield}
.atsf-range-input-wrap input:focus{outline:none}
.atsf-range-input-wrap input::-webkit-outer-spin-button,.atsf-range-input-wrap input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

.atsf-checkbox{display:flex;align-items:center;gap:9px;font-size:13px;color:#333;cursor:pointer;white-space:nowrap;user-select:none}
.atsf-checkbox input{accent-color:#694F40;width:16px;height:16px;cursor:pointer}

.atsf-apply-btn{padding:11px 28px;background:#694F40;color:#fff;border:none;font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;cursor:pointer;border-radius:6px;transition:background .2s,transform .15s;font-family:'Poppins',sans-serif;white-space:nowrap}
.atsf-apply-btn:hover{background:#573f33}
.atsf-apply-btn:active{transform:scale(.97)}
.atsf-clear-btn{font-size:12px;color:#999;text-decoration:none !important;white-space:nowrap;border-bottom:1px solid transparent;transition:border-color .2s,color .2s}
.atsf-clear-btn:hover{color:#694F40;border-color:#694F40}

/* Grid / List view toggle applied to WooCommerce product loops on the page */
ul.products.atsf-list-view{display:flex !important;flex-direction:column;gap:16px}
ul.products.atsf-list-view li.product{display:flex !important;align-items:center;gap:20px;text-align:left !important;width:100% !important;border:1px solid #eee;padding:14px;border-radius:8px;transition:box-shadow .2s}
ul.products.atsf-list-view li.product:hover{box-shadow:0 6px 18px rgba(0,0,0,.06)}
ul.products.atsf-list-view li.product img{width:110px !important;height:110px;object-fit:cover;flex:0 0 110px;border-radius:6px}
ul.products.atsf-list-view li.product .woocommerce-loop-product__title{margin-top:0}

@media(max-width:900px){
.atsf-filter{flex-direction:column;align-items:stretch;padding:18px}
.atsf-view-toggle{border-right:none;border-bottom:1px solid #eee;padding:0 0 16px}
.atsf-form{flex-direction:column;align-items:stretch}
.atsf-select,.atsf-price-row input{width:100%}
.atsf-apply-btn{width:100%}
.atsf-clear-btn{text-align:center}
}