/* Native selects retain one browser arrow, without a theme background arrow. */
body.tia-over-theme-single-arrow select.country_select,
body.tia-over-theme-single-arrow select.state_select,
body.tia-over-theme-single-arrow #calc_shipping_country,
body.tia-over-theme-single-arrow select#calc_shipping_state {
    background-image: none !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    appearance: auto !important;
}

/* SelectWoo supplies a border triangle; the theme adds a second icon via ::before.
   Restore one standard triangle and center it for both RTL and LTR layouts. */
body.tia-over-theme-single-arrow .country_select + .select2-container .select2-selection__arrow,
body.tia-over-theme-single-arrow .state_select + .select2-container .select2-selection__arrow {
    top: 50% !important;
    height: 20px !important;
    margin-top: 0 !important;
    transform: translateY(-50%) !important;
}

body.tia-over-theme-single-arrow .country_select + .select2-container .select2-selection__arrow b,
body.tia-over-theme-single-arrow .state_select + .select2-container .select2-selection__arrow b {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 0 !important;
    height: 0 !important;
    margin: -2px 0 0 -4px !important;
    border-style: solid !important;
    border-width: 5px 4px 0 !important;
    border-color: #888 transparent transparent !important;
}

body.tia-over-theme-single-arrow .country_select + .select2-container--open .select2-selection__arrow b,
body.tia-over-theme-single-arrow .state_select + .select2-container--open .select2-selection__arrow b {
    border-width: 0 4px 5px !important;
    border-color: transparent transparent #888 !important;
}

body.tia-over-theme-single-arrow .country_select + .select2-container .select2-selection__arrow b::before,
body.tia-over-theme-single-arrow .country_select + .select2-container .select2-selection__arrow b::after,
body.tia-over-theme-single-arrow .state_select + .select2-container .select2-selection__arrow b::before,
body.tia-over-theme-single-arrow .state_select + .select2-container .select2-selection__arrow b::after {
    content: none !important;
}