/* Component: shop-page/grid-toolbar */

.pf-riojano-shop-grid-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pf-riojano-space-3);
  margin-bottom: var(--pf-riojano-space-4);
  padding-bottom: var(--pf-riojano-space-3);
  border-bottom: var(--pf-riojano-border-soft);
}

.pf-riojano-shop-grid-toolbar__count,
.pf-riojano-shop-grid-toolbar__count .woocommerce-result-count {
  margin: 0;
  color: var(--pf-riojano-brand-primary);
  font-size: var(--pf-riojano-fs-base);
  font-family: var(--pf-riojano-font-body);
}

.pf-riojano-shop-grid-toolbar__sort form.woocommerce-ordering {
  margin: 0;
}
.pf-riojano-shop-grid-toolbar__sort select.orderby {
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  border-bottom: 2px solid var(--pf-riojano-brand-accent-strong);
  color: var(--pf-riojano-brand-primary);
  font-family: var(--pf-riojano-font-body);
  font-size: var(--pf-riojano-fs-base);
  padding: 4px 28px 6px 4px;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%231f2069'><path d='M5 7l5 6 5-6z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 4px center;
  background-size: 14px 14px;
  cursor: pointer;
}
.pf-riojano-shop-grid-toolbar__sort select.orderby:focus {
  outline: none;
  border-bottom-color: var(--pf-riojano-brand-primary);
}

@media (max-width: 600px) {
  .pf-riojano-shop-grid-toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: var(--pf-riojano-space-2);
  }
  .pf-riojano-shop-grid-toolbar__sort form.woocommerce-ordering { width: 100%; }
  .pf-riojano-shop-grid-toolbar__sort select.orderby {
    width: 100%;
    min-height: 44px;
    padding: 10px 32px 10px 8px;
    background-position: right 8px center;
  }
}