/* Compact archive controls, outside the replaceable AJAX product fragment. */
body #products-section > aside { grid-column: 2; width: 100%; min-width: 0; }
body #products-section .ersa-catalog-toolbar { display: flex; width: 100%; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; padding-bottom: 16px; border-bottom: 1px solid #dce4e9; }
body .ersa-catalog-toolbar #result_count { min-width: 0; }
body .ersa-catalog-toolbar .woocommerce-result-count { display: block; margin: 0; color: #536674; font-size: 13px; line-height: 1.5; }
body .ersa-catalog-toolbar .woocommerce-ordering { float: none; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0; max-width: 100%; }
body .ersa-catalog-toolbar .woocommerce-ordering label { font-size: 12px; font-weight: 600; color: #294454; margin: 0; }
body .ersa-catalog-toolbar .woocommerce-ordering select { min-height: 44px; width: 205px; max-width: 100%; border: 1px solid #bdccd5; border-radius: 8px; background-color: #fff; color: #002d51; font-family: inherit; font-size: 14px; padding: 10px 32px 10px 12px; cursor: pointer; }
body .ersa-catalog-toolbar .woocommerce-ordering select:hover { border-color: #6a879b; }
body .ersa-catalog-toolbar .woocommerce-ordering select:focus-visible { outline: 3px solid #ffbe43; outline-offset: 2px; }
@media (max-width: 700px) {
    body #products-section > aside { order: 1; }
    body #products-section .ersa-catalog-toolbar { align-items: stretch; gap: 12px; }
    body .ersa-catalog-toolbar #result_count { width: 100%; }
    body .ersa-catalog-toolbar .woocommerce-ordering { width: 100%; flex-wrap: nowrap; justify-content: space-between; }
    body .ersa-catalog-toolbar .woocommerce-ordering label { flex: 0 0 auto; }
    body .ersa-catalog-toolbar .woocommerce-ordering select { width: auto; flex: 1 1 auto; min-width: 0; font-size: 16px; }
}

/* Undo the legacy archive screen-reader-only treatment for the visible count. */
body #products-section .ersa-catalog-toolbar .woocommerce-result-count { position: static !important; clip: auto !important; clip-path: none !important; height: auto !important; width: auto !important; overflow: visible !important; margin: 0 !important; }
