/**
 * The listing sidebar's own two decisions.
 *
 * Everything else it looks like is the theme's and WooCommerce's: the module
 * prints the shop widgets' own markup and class names
 * (framework/product-list-sidebar.php), so the category list, the price slider
 * and the two select2 dropdowns are styled by the stylesheets that already
 * style them on /shop. Nothing here restates any of that.
 *
 * What is left is the button that opens the drawer on a phone — the theme
 * prints its own only for pages without a page template, and all three listing
 * pages have one — and the gap under it.
 */

.siggi-listing-filters-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin: 0 0 20px;
    padding: 10px 18px;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: inherit;
}

.siggi-listing-filters-toggle .icon {
    font-size: 18px;
    line-height: 1;
}

/* The grid needs no rule of its own on the mobile template: `style-mobile.css`
   already forces `#primary` to the full width, so the fixed drawer costs the
   listing no column. */
.siggi-listing-sidebar .siggi-filter-reset {
    margin-top: 10px;
}