/* ============================================================================
   GP CHECKOUT PAGE STYLING
   ============================================================================ */

/* Make price choice backgrounds dark to match theme */
.price-choice,
sc-price-choice {
    background: #2a2a2a !important;
}

/* Price choice components */
.price-choice__name,
.price-choice__price,
.price-choice__details {
    color: #fff !important;
}

/* Make sure the container is transparent/dark */
sc-order-submit,
sc-line-items,
.sc-order-submit,
.sc-line-items {
    background: transparent !important;
}

/* Dark theme for checkout elements */
.gp-payment-page,
body.page-checkout {
    background: #1a1a1a;
}