/* ============================================================
   Trang giỏ hàng WooCommerce (/gio-hang/) — Mac OS style.
   Đồng bộ thư viện ELC Dictation: nền xám nhạt #f5f7fa,
   khung nội dung màu trắng, bo góc 20px, bóng nhẹ.
   ============================================================ */

body.woocommerce-cart {
	background: #f5f7fa;
}

/* Nội dung giỏ hàng dùng font Inter đồng bộ giao diện ELC */
body.woocommerce-cart .woocommerce {
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: #17233b;
}

/* Khoảng cách giữa bảng sản phẩm và cột tổng tiền */
body.woocommerce-cart .ct-woocommerce-cart-form {
	gap: 24px;
}

/* Khung trắng: bảng sản phẩm trong giỏ */
body.woocommerce-cart .woocommerce-cart-form {
	background: #fff;
	border: 1px solid #e3e9f0;
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(30, 55, 85, .055);
	padding: 26px 26px 20px;
}

/* Khung trắng: cột tổng tiền */
body.woocommerce-cart .ct-woocommerce-cart-form .cart_totals {
	background: #fff;
	border: 1px solid #e3e9f0;
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(30, 55, 85, .055);
	padding: 26px;
}

body.woocommerce-cart .ct-woocommerce-cart-form .cart_totals h2 {
	font-size: 18px;
	letter-spacing: -.01em;
}

/* Nút "Thanh toán" bo góc kiểu Mac OS */
body.woocommerce-cart .cart_totals .wc-proceed-to-checkout .checkout-button {
	border-radius: 12px;
	font-weight: 700;
}

/* Giỏ trống -> khung trắng, chữ ở giữa */
body.woocommerce-cart .wc-empty-cart-message {
	background: #fff;
	border: 1px solid #e3e9f0;
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(30, 55, 85, .055);
	padding: 44px 30px;
	text-align: center;
}
body.woocommerce-cart .wc-empty-cart-message .cart-empty.woocommerce-info {
	margin: 0;
	border: 0;
	background: transparent;
	color: #6d7a90;
	font-size: 16px;
}
body.woocommerce-cart .wc-empty-cart-message .cart-empty.woocommerce-info::before {
	content: none;
}

/* Di động: khung gọn lại */
@media (max-width: 767px) {
	body.woocommerce-cart .woocommerce-cart-form,
	body.woocommerce-cart .ct-woocommerce-cart-form .cart_totals,
	body.woocommerce-cart .wc-empty-cart-message {
		padding: 18px;
		border-radius: 16px;
	}
}