/*
 * Shop archive sorting control.
 *
 * Elementor Pro's Products widget exposes allow_order (show/hide) but no style
 * controls for this element - it declares no selector touching
 * .woocommerce-ordering, select.orderby or .woocommerce-result-count
 * (elementor-pro/modules/woocommerce/widgets/products-base.php). Native controls
 * therefore cannot produce the field appearance, so it is set here instead.
 *
 * Astra currently strips the control back to a bare select:
 *   .woocommerce .woocommerce-ordering select{background-color:transparent;border:transparent;border-radius:0}
 *   .woocommerce-js .woocommerce-ordering select{padding:.5em}
 * Both are (0,2,1).
 *
 * Specificity is deliberately held at (0,2,2): high enough to win those two
 * declarations, and low enough to stay BELOW Astra's focus indicator
 *   .woocommerce-ordering select.orderby:focus{border-style:dotted;...}  (0,3,1)
 * so the keyboard focus ring still replaces this border on :focus. Adding a
 * third class here would silently suppress that focus state.
 *
 * Vertical padding is left at the inherited .5em so the control height is
 * unchanged; only horizontal padding is widened, giving the native dropdown
 * arrow room. No width is declared, so the select stays content-sized as now.
 * Typography, position, alignment and float are untouched.
 */
body.woocommerce-shop .woocommerce-ordering select,
body.tax-product_cat .woocommerce-ordering select,
body.tax-product_brand .woocommerce-ordering select {
	background-color: #FFFFFF;
	border: 1px solid #E0E0E0;
	border-radius: 6px;
	padding: 0.5em 2.25em 0.5em 0.9em;
}