/*
 * LALUZ UI Patch — MODULE PRODUCT-OPTIONS (CSS)
 * Lớp bảo hiểm thứ hai cho lỗi "đổi dung tích thì tô đậm cả hai ô".
 * Nguyên nhân và cách sửa chính: xem product-options.js.
 *
 * Rule dưới đây nói: khi trong nhóm ĐÃ có một ô được chọn thật (input:checked),
 * thì ô nào còn mang class .active mà không phải ô đó sẽ trở về trạng thái thường.
 * Nếu JS chạy đúng thì rule này không bao giờ khớp — nó chỉ tồn tại để phòng
 * trường hợp JS bị chặn.
 *
 * Độ ưu tiên: cao hơn (0,3,1) của rule đang có trong WPCode 23020.
 * (:has() nhận độ ưu tiên của đối số bên trong nó.)
 *
 * KHÔNG đụng màu chữ và độ đậm: đã đo trên live, ô .active và ô .normal có
 * cùng màu chữ (ink) và cùng font-weight. Khác nhau đúng hai thứ là
 * background và border-color — chỉ trả lại đúng hai thứ đó.
 */

html body .box-options .flex-box:has( input:checked ) .box-op-it.active:not( :has( input:checked ) ) {
	background: transparent !important;
	border-color: var( --lz-line, #E3E1D9 ) !important;
}