/*
 * WooCommerce 11.0 introduced an entirely new forms.css design layer that
 * didn't exist in 3.9.2 at all: new CSS custom properties for form colors/
 * borders (--wc-form-*), a new SVG chevron arrow icon for select2, and new
 * sizing (width:100%, height:auto, more padding) via low-specificity
 * :where() rules. Restoring the pre-upgrade look here.
 *
 * Overriding the custom properties directly (instead of every single
 * property that reads them) so any other form element relying on the same
 * variables also gets the old, consistent values.
 */
.woocommerce {
    --wc-form-border-color: #aaa;
    --wc-form-color-text: #444;
    --wc-form-color-background: #fff;
    --wc-form-border-radius: 4px;
    --wc-form-border-width: 1px;
}

.woocommerce .select2-container {
    width: auto;
}

.woocommerce .select2-container .select2-selection--single {
    height: 28px;
}

.woocommerce .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 20px 0 8px;
    line-height: 28px;
}

.woocommerce .select2-container .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.woocommerce .select2-container .select2-selection--single .select2-selection__arrow {
    top: 1px;
    right: 1px;
    height: 26px;
    width: 20px;
}

.woocommerce .select2-container .select2-selection--single .select2-selection__arrow b {
    background: none;
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    width: 0;
    left: 50%;
    top: 50%;
    margin-left: -4px;
    margin-top: -2px;
}

.woocommerce div.product form.cart .variations select {
  line-height: 1;
}