/* ==============================
   CHECKOUT & PORTAL STYLES
   Extracted for performance optimization
   ============================== */

/* Checkout Container & Layout */
.checkout-container, #checkout-wrapper {
    padding: 24px 0;
}

#checkout-summary-col, .checkout-summary-sidebar {
    background: var(--bg-secondary);
    padding: 24px;
    border-radius: 0 !important;
}

.checkout-step-header {
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
    border-bottom: 2px solid var(--dark);
    padding-bottom: 8px;
}

/* Order Summary Table */
.order-summary-table {
    width: 100%;
}
.order-summary-table td {
    padding: 8px 0;
}

/* Checkout Buttons */
.checkout-next-btn {
    width: 100%;
    padding: 16px;
    background: var(--dark);
    color: var(--white);
    border: none;
    font-weight: 700;
}

/* Responsive Checkout */
@media (max-width: 991px) {
    #checkout-summary-col, .checkout-summary-sidebar {
        width: 100% !important;
        margin-top: 2rem;
    }
}

/* Return Portal */
.return-portal-card {
    border: 1px solid var(--border-color);
    padding: 30px;
}