/**
 * WooCommerce Checkout Block Overrides
 * This stylesheet overrides the default WooCommerce checkout block styles
 * from wp-content/plugins/woocommerce/assets/client/blocks/checkout.css
 *
 * IMPORTANT: Use !important to ensure styles override WooCommerce defaults
 * WooCommerce checkout blocks use highly specific selectors and inline styles
 */

/* ========================================
   RADIO CONTROLS - Payment Methods
   ======================================== */

/* Radio button input styling */
.wc-block-checkout__payment-method .wc-block-components-radio-control__input,
.wc-block-components-radio-control .wc-block-components-radio-control__input {
    float: left !important;
    margin: 10px 20px 0 0 !important;
}

/* Radio control option layout */
.wc-block-checkout__payment-method .wc-block-components-radio-control__option-layout,
.wc-block-components-radio-control .wc-block-components-radio-control__option-layout {
    width: 50% !important;
}

/* ========================================
   CHECKOUT TOTALS
   ======================================== */

/* ========================================
   ADDITIONAL CUSTOM STYLES
   Add your custom checkout styles below
   ======================================== */

/* Example: Customize checkout container */
.wc-block-checkout {
    /* Add your custom styles here */
}

/* Example: Customize checkout form fields */
.wc-block-checkout .wc-block-components-text-input {
    /* Add your custom styles here */
}

/* Example: Customize checkout sidebar (order summary) */
.wc-block-checkout__sidebar {
    /* Add your custom styles here */
}

/* Example: Customize place order button */
.wc-block-checkout__actions .wc-block-components-checkout-place-order-button {
    /* Add your custom styles here */
}
 

.wc-block-components-radio-control__label-group{
    width: 50%;
}