.elementor-1643 .elementor-element.elementor-element-0ac12e2{--display:flex;}.elementor-1643 .elementor-element.elementor-element-fcb1a7a{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-e9f079a *//* Two-column layout for external checkout */
.custom-checkout-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 30px; /* Space between columns */
    max-width: 1200px; /* Max width for centering */
    margin: 0 auto; /* Center on page */
    padding: 20px 0; /* Top/bottom padding */
}

/* Left column: Billing/Shipping form */
.custom-checkout-left {
    flex: 1 1 60%; /* Takes 60% width, flexible */
    min-width: 300px; /* Minimum width for small screens */
}

/* Right column: Order/Product summary */
.custom-checkout-right {
    flex: 1 1 40%; /* Takes 40% width, flexible */
    min-width: 300px;
    background: #f9f9f9; /* Light background for contrast - customize */
    padding: 20px; /* Inner padding */
    border: 1px solid #e0e0e0; /* Subtle border */
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* Light shadow for depth */
}

/* Responsive: Stack columns on mobile */
@media (max-width: 768px) {
    .custom-checkout-wrapper {
        flex-direction: column; /* Stack vertically */
        gap: 20px;
    }
    .custom-checkout-left, .custom-checkout-right {
        width: 100%; /* Full width on small screens */
    }
}

/* Additional form styling (optional - matches WooCommerce defaults) */
#external-checkout-form h2, #external-checkout-form h3 {
    font-size: 1.5em;
    margin-bottom: 15px;
    color: #333; /* Dark text - customize */
}
#external-checkout-form .form-row {
    margin-bottom: 20px;
}
#external-checkout-form label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    color: #555;
}
#external-checkout-form input[type="text"], #external-checkout-form input[type="email"], #external-checkout-form input[type="tel"], #external-checkout-form select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
}
#external-checkout-form button[type="submit"] {
    width: 100%;
    padding: 15px;
    background-color: #2271b1; /* WooCommerce blue - customize */
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    transition: background 0.3s;
}
#external-checkout-form button[type="submit"]:hover {
    background-color: #135e96; /* Darker hover */
}

/* Order summary styling */
.custom-checkout-right h2 {
    font-size: 1.5em;
    margin-bottom: 15px;
    color: #333;
}
.woocommerce-cart-totals table {
    width: 100%;
    border-collapse: collapse;
}
.woocommerce-cart-totals th, .woocommerce-cart-totals td {
    padding: 10px;
    border-bottom: 1px solid #eee;
    text-align: left;
}
.woocommerce-cart-totals .cart-subtotal th, .cart-subtotal td, .order-total th, .order-total td {
    font-weight: bold;
}/* End custom CSS */