/* ==========================================================================
   VPP Cart Page – Custom Styles
   Bo tròn 5px, fix text layout, button colors
   ========================================================================== */

/* 1. Ô nhập mã giảm giá – bo 5px */
.woocommerce-cart .coupon .input-text,
.woocommerce-cart .wd-coupon-form .input-text,
.woocommerce-cart #coupon_code {
    border-radius: 5px !important;
}

/* Nút "Áp dụng" cũng bo 5px cho đồng bộ */
.woocommerce-cart .coupon .button,
.woocommerce-cart .coupon .btn-accent {
    border-radius: 5px !important;
}

/* 2. Ô quantity – bo 5px ở wrapper .quantity */
.woocommerce-cart .product-quantity .quantity,
.woocommerce-cart .wd-quantity {
    border-radius: 5px !important;
    overflow: hidden;
}

/* 3. Container "Tổng cộng giỏ hàng" – bo 5px */
.cart-collaterals .cart_totals,
.woocommerce-cart .cart_totals,
.woocommerce-cart .cart-collaterals {
    border-radius: 5px !important;
    overflow: hidden;
}

/* Cart totals inner */
.cart_totals .shop_table,
.cart_totals table {
    border-radius: 5px !important;
}

/* Nút "Tiến hành thanh toán" – bo 5px */
.cart_totals .wc-proceed-to-checkout a,
.cart_totals .checkout-button {
    border-radius: 5px !important;
}

/* 4. Text "TẠM TÍNH" (product-subtotal header) – 1 dòng, không wrap */
.woocommerce-cart table.shop_table th,
.woocommerce-cart table.cart th,
.woocommerce-cart .shop_table thead th {
    white-space: nowrap;
}

/* 5. Nút "Cập nhật giỏ hàng" – chữ trắng */
.woocommerce-cart button[name="update_cart"],
.woocommerce-cart .cart-actions .btn-default,
.woocommerce-cart .actions button[name="update_cart"] {
    color: #ffffff !important;
}

/* Hover state */
.woocommerce-cart button[name="update_cart"]:hover {
    color: #ffffff !important;
    opacity: 0.9;
}
