/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: A plain-vanilla & lightweight theme for Elementor page builder
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.2.1.1
Updated: 2024-12-300 09:46:01

*/

/* Tùy chỉnh CSS cho bố cục 2 cột trên trang checkout */
#gofix_checkout_wrapper {
    display: flex; /* Kích hoạt Flexbox */
    flex-wrap: wrap; /* Cho phép xuống dòng nếu cần */
    margin-right: -20px; /* Bù trừ cho padding/margin bên trong */
}

#customer_details_col,
#order_review_col {
    width: 100%; /* Mặc định là 100% cho thiết bị di động */
    padding-right: 20px;
    box-sizing: border-box;
}

@media screen and (min-width: 768px) {
    #customer_details_col {
        width: 60%; /* Ví dụ: Cột Form chiếm 60% */
    }
    #order_review_col {
        width: 40%; /* Ví dụ: Cột Tóm tắt chiếm 40% */
    }
}

/* Đảm bảo khối order review (bảng) không bị tràn */
#order_review.woocommerce-checkout-review-order {
    background-color: #f7f7f7; /* Ví dụ: Thêm màu nền để tách biệt */
    padding: 15px;
}