/* Category and search: the toolbar above the listing (grid/list switch,
 * Product Compare, Sort By, Show) on one low line.
 *
 * It was a 40px-high row - the theme's form select height, with its 17px text -
 * under a large vertical gap, for controls a visitor rarely touches. Here the
 * selects are 32px with 14px text, the icon buttons 28px, and the gap to the
 * listing 12px.
 *
 * Every selector starts with the route class, so the selects and buttons the
 * theme draws elsewhere (checkout, account forms) keep their size. Each one
 * outranks the rule it overrides by that class; the icon rules carry the id the
 * theme puts on the buttons. The one !important is the select's font-size and
 * line-height, which the theme's own select rule pins with !important.
 *
 * Desktop widths only, like listing-grid.css: below 1024px the toolbar sits with
 * the theme's filter panel button and is sized its own way.
 *
 * The breadcrumb line sits evenly between the menu band and the listing: 12px
 * above, 12px below. Before, it had 8px above (the breadcrumb list's own
 * padding) and three 8px layers below (that padding, the breadcrumbs box's
 * bottom padding and the content's top margin). The list keeps its 8px each
 * side; the box gets 4px each side and the content margin goes. Those two are
 * theme variables, the content one zeroed the way the theme does it on the home
 * page; the box ones are set on the element by a settings rule
 * (.site-wrapper>.page-title+.breadcrumbs) that loads after this file, so the
 * override repeats that chain. */

@media (min-width: 1024px) {
  .route-product-category body,
  .route-product-search body {
    --content-top-spacing: 0px;
  }

  .route-product-category .site-wrapper > .page-title + .breadcrumbs,
  .route-product-search .site-wrapper > .page-title + .breadcrumbs {
    --breadcrumbs-top-padding: 4px;
    --breadcrumbs-bottom-padding: 4px;
  }

  .route-product-category .products-filter,
  .route-product-search .products-filter {
    margin-bottom: 12px;
  }

  .route-product-category .grid-list .view-btn,
  .route-product-search .grid-list .view-btn {
    width: 28px;
    height: 28px;
  }

  .route-product-category #btn-grid-view:before,
  .route-product-category #btn-list-view:before,
  .route-product-search #btn-grid-view:before,
  .route-product-search #btn-list-view:before {
    font-size: 17px;
  }

  .route-product-category .grid-list .compare-btn .links-text,
  .route-product-search .grid-list .compare-btn .links-text {
    font-size: 14px;
  }

  .route-product-category .grid-list .compare-btn:before,
  .route-product-search .grid-list .compare-btn:before {
    font-size: 15px;
  }

  .route-product-category .products-filter .input-group-addon,
  .route-product-search .products-filter .input-group-addon {
    font-size: 13px;
  }

  .route-product-category .products-filter select.form-control,
  .route-product-search .products-filter select.form-control {
    height: 32px;
    min-height: 32px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
    font-size: 14px !important;
    line-height: 30px !important;
  }
}