/*
 * Compatibility guard for plugin-owned checkout flows.
 *
 * This file lives in the RedAccs CSS loader so the external checkout plugins do
 * not need edits. Keep selectors behind plugin-specific body classes.
 */

body.reddit-upvotes-checkout.woocommerce-checkout .ruv-vote-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

body.reddit-upvotes-checkout.woocommerce-checkout .ruv-vote-row input#upvote_count {
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

body.reddit-upvotes-checkout.woocommerce-checkout .ruv-vote-row select#upvote_count_preset {
    width: 140px !important;
    max-width: 42% !important;
    flex: 0 0 140px !important;
}

body.reddit-upvotes-checkout.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row {
    display: block !important;
}

body.reddit-upvotes-checkout.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper {
    display: block !important;
    width: 100% !important;
}

body.reddit-upvotes-checkout.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row input.input-text {
    width: 100% !important;
}