/* Catalog filters: quiet filled selects, no boxes or lines. They apply as soon as one changes. */
.nc-filters { --filters-muted: #5f5b55; margin-block: clamp(2rem, 5vw, 3.5rem) clamp(2rem, 4vw, 3rem); color: var(--nc-ink); }
.nc-filters .screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.nc-filters__fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: 1.25rem clamp(1rem, 2vw, 1.75rem); }
.nc-filters .nc-filters__field { display: grid; gap: .45rem; margin: 0; }
.nc-filters__field label { color: var(--filters-muted); font-size: .8125rem; line-height: 1.4; }
.nc-filters__field select { appearance: none; -webkit-appearance: none; width: 100%; padding: .9rem 2.5rem .9rem 1rem; border: 0; border-radius: 2px; background: var(--nc-paper-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23181817' stroke-width='1.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 1rem center / 14px no-repeat; color: var(--nc-ink); font: inherit; font-size: 1rem; line-height: 1.4; text-overflow: ellipsis; cursor: pointer; transition: background-color 160ms ease; }
.nc-filters__field select:hover { background-color: #e4dfd4; }
.nc-filters__field select:focus-visible { outline: 2px solid var(--nc-wine); outline-offset: 2px; background-color: var(--nc-paper-light); }
.nc-filters__field select option:disabled { color: #8a857d; }
.nc-filters__actions { display: flex; align-items: center; gap: 1.5rem; min-height: 1.5rem; margin: 1.25rem 0 0; }
.nc-filters .nc-filters__clear { color: var(--nc-ink); font-size: .875rem; text-decoration: underline; text-decoration-color: var(--nc-wine); text-decoration-thickness: 1px; text-underline-offset: .3em; }
.nc-filters .nc-filters__clear:focus-visible { outline: 2px solid var(--nc-wine); outline-offset: 4px; }
.nc-filters.is-loading { opacity: .6; pointer-events: none; }

/* Result count and sort order, in the same quiet register. */
.woocommerce-result-count { color: #5f5b55; font-size: .875rem; }
.woocommerce-ordering select.orderby { appearance: none; -webkit-appearance: none; padding: .25rem 1.4rem .25rem 0; border: 0; border-radius: 0; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23181817' stroke-width='1.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right center / 12px no-repeat; color: var(--nc-ink); font: inherit; font-size: .875rem; cursor: pointer; }
.woocommerce-ordering select.orderby:focus-visible { outline: 2px solid var(--nc-wine); outline-offset: 4px; }

@media (max-width: 700px) {
	.nc-filters__fields { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 420px) {
	.nc-filters__fields { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .nc-filters__field select { transition: none; } }