/* Zizania - Shop Toolbar (reusable) */
/* Result count (left) + sort dropdown (right) */

/* Result count text */
.woocommerce-result-count {
    margin: 0;
    color: var(--on-surface);
    font-size: 0.9375rem;
    line-height: 2.5rem;
}

/* Ordering form */
.woocommerce-ordering {
    margin: 0;
}

/* Sort dropdown select */
.woocommerce form.woocommerce-ordering select.orderby {
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid var(--primary);
    padding: 0.5rem 2rem 0.5rem 0.25rem;
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--on-surface);
    cursor: pointer;
    font-family: inherit;
    line-height: 1.5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23606200' stroke-width='2'%3E%3Cpath d='M6 8l4 4 4-4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.25rem center;
    background-size: 1rem;
    transition: border-color 200ms ease;
}

.woocommerce form.woocommerce-ordering select.orderby:hover,
.woocommerce form.woocommerce-ordering select.orderby:focus {
    outline: none;
    border-bottom-color: var(--tertiary);
}

/* Mobile: stack vertically */
@media (max-width: 768px) {
    .woocommerce-result-count,
    .woocommerce-ordering {
        float: none;
        display: block;
        margin-bottom: 0.75rem;
        line-height: 1.5;
    }
}