/* Olight: responsive disclosure for the existing AJAX filter. */
.olight-filter-toggle, .olight-filter-quick-clear, .olight-filter-done { display:none; }
@media (max-width:767px) {
  #content .product-filter { display:block; max-width:100%; box-sizing:border-box; }
  #content .product-filter .left_side { display:block; }
  #content .product-filter .sort { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
  #content .product-filter #input-sort { max-width:100%; margin:0; }
  .olight-filter-heading { display:none; }
  .olight-filter-toolbar { display:flex; align-items:center; gap:8px; margin:0 0 16px; scroll-margin-top:80px; }
  .olight-filter-toggle { display:flex; flex:1; min-width:0; align-items:center; justify-content:space-between; gap:8px; min-height:48px; padding:12px 14px; border:1px solid #2b5c69; border-radius:8px; background:#2b5c69; color:#fff; font-family:inherit; font-size:15px; line-height:1.4; font-weight:600; text-align:left; cursor:pointer; }
  .olight-filter-toggle:hover, .olight-filter-toggle:focus { background:#234c57; color:#fff; }
  .olight-filter-toggle:focus-visible, .olight-filter-quick-clear:focus-visible, .olight-filter-done:focus-visible { outline:3px solid #19758b; outline-offset:3px; }
  .olight-filter-toggle > span:first-child { min-width:0; }
  .olight-filter-count { font-size:12px; font-weight:400; white-space:nowrap; }
  .olight-filter-count:empty { display:none; }
  .olight-filter-chevron { width:8px; height:8px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); margin:0 3px 4px 0; flex-shrink:0; }
  .olight-filter-toggle[aria-expanded="true"] .olight-filter-chevron { transform:rotate(225deg); margin-top:6px; }
  .olight-filter-quick-clear.is-active { display:block; min-height:48px; padding:10px; border:1px solid #c6d3d6; border-radius:8px; color:#234c57; background:#fff; font:inherit; cursor:pointer; }
  #adv_ajaxfilter_box.olight-filter-panel { display:none; }
  #adv_ajaxfilter_box.olight-filter-panel.is-open { display:block; }
  .olight-filter-done { display:block; min-height:46px; width:calc(100% - 40px); margin:0 20px 20px; border:0; border-radius:6px; background:#2b5c69; color:#fff; font-family:inherit; font-size:15px; line-height:1.4; font-weight:600; cursor:pointer; }
}