/* ===== WooCommerce — Sorting toolbar ===== */
/* Result count floats left, ordering right; the product grid below clears both. */
.woocommerce-result-count,
.woocommerce-ordering {
  margin: 0 0 var(--space-6);
}
.woocommerce-result-count {
  float: left;
  line-height: 44px;
  color: var(--color-text-muted);
  font-size: var(--text-md);
  font-weight: var(--fw-semibold);
}
.woocommerce-ordering {
  float: right;
}
.woocommerce-ordering select {
  height: 44px;
  padding: 0 var(--space-10) 0 var(--space-4);
  border: var(--border-strong);
  border-radius: var(--radius-pill);
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-weight: var(--fw-medium);
  background-color: var(--color-surface); /* -color only: the shorthand would wipe the chevron drawn in 01b-icons.css */
  color: var(--ink);
  cursor: pointer;
}

@media (max-width: 639px) {
  .woocommerce-result-count,
  .woocommerce-ordering {
    float: none;
    width: 100%;
  }
  .woocommerce-result-count {
    margin-bottom: var(--space-3);
    line-height: var(--lh-normal);
  }
  .woocommerce-ordering select {
    width: 100%;
  }
}