/* Y Woocommerce Filter - Styles */
.y-filter-toggle-wrapper{ text-align:center; margin-bottom:15px; }
.y-filter-btn { width: 100%; background: transparent; color: #d4af37; padding: 12px 20px; border: 1px solid #d4af37; cursor: pointer; border-radius: 0; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; transition: all 0.3s ease; } .y-filter-btn:hover { background: #d4af37; color: #000000; }.y-filter-btn:focus{ outline:2px solid #005f8d; outline-offset:2px; }

.y-filter-panel{ display:none; padding:20px; border-bottom:2px; margin-bottom:20px; solid #e3e3e3; background:var(--y-filter-bg,#f9f9f9); color:var(--y-filter-text,#333); box-shadow:0 8px 24px rgba(0,0,0,.08); }
.y-filter-close{ background:transparent; border:0; font-size:24px; line-height:1; cursor:pointer; float:right; }

.y-filter-heading{ margin:0 0 10px 0; font-size:18px; }
.y-filter-section{ margin-bottom:20px; }
.y-filter-divider{ border-top:1px dashed rgba(0,0,0,.15); margin:16px 0 20px; }

.y-category-grid,.y-attr-grid{ width:100%; display:grid; gap:10px; }
.y-cat-item,.y-attr-item{ display:flex; align-items:center; justify-content:center; padding:10px 12px; background:#fff; border:1px solid #e5e5e5; border-radius:10px; text-decoration:none; color:inherit; transition:transform .15s ease, box-shadow .15s ease; min-height:44px; }
.y-cat-item:hover,.y-attr-item:hover{ transform:translateY(-2px); box-shadow:0 6px 14px rgba(0,0,0,.08); }
.y-cat-item img{ width:42px; height:42px; object-fit:cover; border-radius:8px; margin-right:8px; }
.y-label{ display:inline-block; }
.y-attr-block{ margin-bottom:14px; }
.y-attr-heading{ font-size:15px; margin:0 0 8px; opacity:.85; }

@media (max-width:768px){
  .y-category-grid,.y-attr-grid{ grid-template-columns:1fr !important; }
}