/* CSS cho Form Đổi Điểm Loyalty */

#bce-loyalty-form .bce-loyalty-input-group {
    display: flex;
    gap: 10px; /* Khoảng cách giữa ô input và nút */
    align-items: center; /* Căn giữa các item theo chiều dọc */
}

#bce_points_to_redeem {
    width: 50%; /* Thu nhỏ chiều rộng ô input còn 50% */
    flex-grow: 1; /* Cho phép ô input co giãn chiếm hết không gian trống */
    border-radius: 4px !important; /* Bo tròn 4 góc. Dùng !important để ghi đè style của theme nếu cần. */
}

#bce_apply_points_btn {
    white-space: nowrap; /* Đảm bảo chữ "Áp dụng" luôn trên 1 dòng */
    border-radius: 4px !important; /* Bo tròn 4 góc */
    flex-shrink: 0; /* Không cho phép nút bị co lại */
}