/**
 * WooCommerce Compatibility Styles
 *
 * TEMPORARY FILE: Contains CSS for WooCommerce My Account and related pages
 * during the migration to Stripe.
 *
 * These styles can be removed once the Stripe migration is complete
 * and WooCommerce is fully retired.
 */

/* ==========================================================================
   My Account Page Styles
   ========================================================================== */

.woocommerce-orders-table--subscriptions {
    padding: 30px;
    padding-bottom: 15px;
}

.subscription_details {
    padding: 30px;
    padding-bottom: 15px;
}

.order_details {
    padding: 30px;
    padding-bottom: 15px;
}

.woocommerce-orders-table--orders {
    padding: 30px;
    padding-bottom: 15px;
}

.woocommerce-Address-title h3 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.woocommerce-MyAccount-paymentMethods {
    padding-bottom: 20px;
}

.woocommerce-Addresses {
    margin-bottom: 60px;
}

.woocommerce h2 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

/* ==========================================================================
   Mobile Styles
   ========================================================================== */

@media screen and (max-width: 768px) {

    .payment-method {
        margin-top: 25px;
    }

    .woocommerce-orders-table__row {
        margin-top: 25px;
    }

    .woocommerce-PaymentMethod--method {
        background-color: #f7f7f7 !important;
    }

    .woocommerce-orders-table__cell-order-number {
        background-color: #f7f7f7 !important;
    }

    .woocommerce-PaymentMethod--actions::before {
        display: none;
    }
}