.elementor-17 .elementor-element.elementor-element-68294545{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-a06b2f2{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-17 .elementor-element.elementor-element-a06b2f2 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:40px;color:#780000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-0aa40de{column-gap:0px;}.elementor-17 .elementor-element.elementor-element-0aa40de p{margin-block-end:0px;}:root{--page-title-display:none;}/* Start custom CSS *//* ==========================================================================
   CĂN GIỮA VÀ NỚI RỘNG TOÀN BỘ GIỎ HÀNG (LẤP ĐẦY KHOẢNG TRỐNG)
   ========================================================================== */

.woocommerce,
.woocommerce-page,
.site-main,
.entry-content {
    width: 100% !important;
}

.wp-block-woocommerce-cart,
.wc-block-cart,
.wc-block-cart.is-grid {
    display: grid !important;
    /* Tinh chỉnh lại tỷ lệ cột khi nới rộng để form hộp đẹp hơn */
    grid-template-columns: 68% 29% !important; 
    gap: 3% !important;

    width: 100% !important;
    /* ĐỒN QUYẾT ĐỊNH: Nới rộng tối đa từ 120px lên hẳn 1400px để ôm khít trang */
    max-width: 1400px !important; 

    /* Căn giữa tuyệt đối */
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 10px !important;

    justify-content: center !important;
    align-items: stretch !important; /* Giữ 2 khối cao bằng nhau tăm tắp */

    box-sizing: border-box !important;
}

/* ==========================================================================
   KHỐI SẢN PHẨM BÊN TRÁI
   ========================================================================== */

.wp-block-woocommerce-cart-items-block {
    width: 100% !important;
    max-width: 100% !important;

    background: #f7f8ef !important;
    border: 2px solid #003049 !important;
    border-radius: 10px !important;

    padding: 25px !important; /* Tăng nhẹ padding cho thoáng bánh khi kéo rộng */
    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;
}

/* XÓA VIỀN KHUNG TRONG */

.wc-block-cart-items {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;

    max-width: 100% !important;
    margin: 0 !important;

    flex-grow: 1 !important;
}

/* ==========================================================================
   KHỐI CART TOTALS BÊN PHẢI
   ========================================================================== */

.wc-block-components-sidebar {
    width: 100% !important;
    max-width: 100% !important;

    background: #f7f8ef !important;
    border: 2px solid #003049 !important;
    border-radius: 10px !important;

    padding: 25px !important; /* Đồng bộ padding với bên trái */
    box-sizing: border-box !important;

    margin: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

/* ==========================================================================
   NÚT PROCEED TO CHECKOUT
   ========================================================================== */

.wc-block-cart__submit {
    margin-top: 20px !important;
}

.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-components-checkout-button {
    background: #003049 !important;
    border: none !important;
    border-radius: 10px !important;
    color: #f7f8ef !important;
    min-height: 55px !important;
    width: 100% !important;

    transition: all .3s ease !important;
    overflow: hidden !important;
}

.wc-block-cart__submit-button *,
.wc-block-components-checkout-place-order-button *,
.wc-block-components-checkout-button *,
.wc-block-components-button__text {
    color: #f7f8ef !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-checkout-button:hover {
    background: #780000 !important;
}

.wc-block-cart__submit-button:hover *,
.wc-block-components-checkout-place-order-button:hover *,
.wc-block-components-checkout-button:hover *,
.wc-block-cart__submit-button:hover .wc-block-components-button__text {
    color: #f7f8ef !important;
}

/* ==========================================================================
   FONT CHỮ
   ========================================================================== */

.wc-block-cart,
.wp-block-woocommerce-cart * {
    font-family: Roboto, sans-serif !important;
    color: #000 !important;
}

/* ==========================================================================
   BẢNG SẢN PHẨM
   ========================================================================== */

.wc-block-cart-items__row {
    grid-template-columns: minmax(0, 1fr) 120px !important;
}

.wc-block-components-product-price {
    width: 120px !important;
    text-align: right !important;
}

/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 768px) {

    .wp-block-woocommerce-cart,
    .wc-block-cart,
    .wc-block-cart.is-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        max-width: 100% !important;
        padding: 0 15px !important;
    }

}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Bricolage Grotesque';
	font-display: auto;
	src: url('http://cuoikyroi.smartquote.us/wp-content/uploads/2026/05/BricolageGrotesque-ExtraBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */