/* Layout */
.el-wc-sorting {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.el-wc-sorting.align-left   { justify-content: flex-start; }
.el-wc-sorting.align-center { justify-content: center; }
.el-wc-sorting.align-right  { justify-content: flex-end; }

.el-wc-sorting__count { margin-right: 12px; opacity: .95; }

/* Ensure Woo form has no extra margins */
.el-wc-sorting .woocommerce-ordering { margin: 0; }

/* Wrap for custom arrow (keeps native select accessible) */
.elwc-select-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}

/* Decorative chevron — color controlled via widget (border-top-color) */
.elwc-select-wrap::after {
  content: "";
  position: absolute;
  right: 10px;
  pointer-events: none;
  border-top: 6px solid currentColor;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  transform: translateY(1px);
  opacity: .85;
  color: inherit;
}

/* Base select reset to play nice with Elementor controls */
.el-wc-sorting .woocommerce-ordering select {
  min-height: 38px;
  padding: 6px 34px 6px 10px; /* right padding leaves room for chevron */
  background-clip: padding-box;
  -webkit-appearance: none; /* show our chevron on WebKit */
     -moz-appearance: none;
          appearance: none;
  line-height: 1.3;
}

/* Maintain :focus visibility even if outline color is customized */
.el-wc-sorting .woocommerce-ordering select:focus {
  outline: 2px auto -webkit-focus-ring-color;
  outline-offset: 1px;
}