/*
 * Chọn bên mua + dòng VAT dự tính.
 *
 * Xanh dùng ở đây là xanh thương hiệu #3f7d15 (--acc-700 của trang bảng giá),
 * không phải xanh mòng két — cùng màu với nút Đặt hàng và thanh điều hướng.
 *
 * Nó là một dòng phụ trong bảng tiền, không phải một mục riêng — nên không có
 * viền hộp, không nền, không tiêu đề in hoa. Suy biến an toàn: file này không
 * tải được thì vẫn còn hai nút bấm được và các dòng tiền vẫn đúng thứ tự.
 */

.mg-benmua {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 6px 10px;
	margin-bottom: 14px;
}

.mg-benmua__nhan {
	font-size: 13px;
	color: #5b7280;
}

.mg-benmua__chon {
	display: inline-flex;
	padding: 2px;
	border-radius: 999px;
	background: #eaeff2;
}

.mg-benmua__nut {
	padding: 5px 13px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: #46606d;
	font: inherit;
	font-size: 12.5px;
	line-height: 1.35;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color .15s ease, color .15s ease;
}

.mg-benmua__nut:hover {
	color: #3f7d15;
}

.mg-benmua__nut.is-chon {
	background: #3f7d15;
	color: #fff;
	font-weight: 600;
}

.mg-benmua__nut:focus-visible {
	outline: 2px solid #3f7d15;
	outline-offset: 1px;
}

.mg-benmua.is-dang-tinh {
	opacity: .55;
	pointer-events: none;
}

/* Câu nói rõ đang tính theo tư cách nào — chiếm trọn hàng dưới. */
.mg-benmua__giai-thich,
.mg-benmua__nhac {
	flex: 1 0 100%;
	margin: 0;
	font-size: 11.5px;
	line-height: 1.45;
	color: #7b8f9b;
}

.mg-benmua__nhac {
	color: #96671c;
}

/* Dòng ghi chú dưới bảng tiền */
.mg-vat-note {
	margin: 2px 0 0;
	font-size: 11.5px;
	line-height: 1.5;
	color: #7b8f9b;
}

/* Ô tên công ty + mã số thuế ở trang thanh toán.
   Selector phải đủ mạnh: checkout.css đã đặt `.mg-pay .form-row{display:block}`
   với specificity (0,2,0); viết `.mg-hoadon{display:none}` (0,1,0) là thua, và
   hai ô hiện ra ngay cả khi khách đang ở Cá nhân - HKD. Ở đây dùng (0,3,0) để
   không phụ thuộc vào thứ tự nạp file. */
.mg-pay .form-row.mg-hoadon,
.woocommerce-checkout .form-row.mg-hoadon {
	display: none;
}

.mg-pay .form-row.mg-hoadon.is-hien,
.woocommerce-checkout .form-row.mg-hoadon.is-hien {
	display: block;
}

@media (prefers-reduced-motion: reduce) {
	.mg-benmua__nut {
		transition: none;
	}
}